Jak wyszukiwać wszystkie załadowane skrypty w Narzędziach dla programistów Chrome?

430

W Firebug możesz wyszukiwać tekst, który będzie szukał go we wszystkich skryptach załadowanych na stronie. Czy to samo można zrobić w narzędziach Chrome dla programistów podczas debugowania skryptu klienta? Próbowałem, ale wydaje się, że wyszukuje tylko w skrypcie, który mam otwarty, a nie w pozostałych, które są na stronie.

Mam nadzieję, że kolejne zrzuty ekranu dają lepszy obraz tego, co próbuję osiągnąć: alternatywny tekst

Poniższe zrzuty ekranu pochodzą z jednego wyszukiwania w Firebug: alternatywny tekst alternatywny tekst

google-chrome google-chrome-devtools script-debugging Slavo
źródło
1
BTW, jeśli korzystasz z Map Źródłowych (np. Z GWT Super Dev Mode), możesz przeszukiwać zmapowane pliki .java według nazwy ... Wpisz Ctrl + O (polecenie + O na komputerze Mac) na karcie Źródła.
frankadelic
6
Czy mogę zasugerować zmianę zaakceptowanej odpowiedzi na vsevik? Jest o wiele bardziej prawdopodobne, że przyda się dzisiejszym czytelnikom.
Mark Amery
Zadowolony! Masz doskonałą odpowiedź na to pytanie, ale wyszukiwanie w odpowiedzi sieciowej nie jest dostępne tak jak w Firebug, teraz nawet w firefoxie
Ravi Parekh
1
Użyj „Idź do pliku” w Google Dev Tools (elastyczne i przydatne narzędzie z możliwością wyszukiwania nazwy twojej funkcji, nazwy klasy w CSS, ...). Jak korzystać Przejdź do pliku w Google Chrome DevTools
Iman Bahrampour

Odpowiedzi:

678

Otwórz nowy panel wyszukiwania w Narzędziach programisty przez:

  • naciskając Ctrl+ Shift+ F( Cmd+ Option+ Ina Macu)
  • klikając menu przepełnienia ( ⋮) w DevTools,Menu przepełnienia DevTools
  • klikając menu przepełnienia w konsoli ( ⋮) i wybierając opcję Wyszukaj

Możesz przeszukiwać wszystkie skrypty z obsługą wyrażeń regularnych i rozróżnianiem wielkości liter.

Kliknij dowolne dopasowanie, aby załadować ten plik / sekcję w panelu skryptów.

Wyszukaj wszystkie pliki - wyniki

Upewnij się, że „Wyszukaj w skryptach anonimowych i treści” jest zaznaczone w Preferencjach DevTools ( F1). Zwróci to wyniki z ramek iframe i wbudowanych skryptów HTML:

Szukaj w anonimowych i treściowych skryptach Ustawienia DevTools Preferencje

wesevik
źródło
14
Control + Shift + F jest całkiem użyteczny, ale nie zwraca wszystkich trafień, zwłaszcza skryptów wewnątrz iframe.
Murali wiceprezes
35
Jeśli można użyć klawiszy Control + Shift + F, wówczas górne pole wyszukiwania jest całkowicie mylące. Po drugie, przepływ pracy w poszukiwaniu i polowaniu w interfejsie użytkownika jest okropny. Ile naprawdę możesz zmieścić w tym niewielkim obszarze? Dlaczego nie zrobić tak jak FF?
Mrchief
6
Działa dobrze, ale zajmuje dużo dłużej niż w FF. Narzędzia Chrome dla deweloperów wymagają jeszcze wielu ulepszeń ... = (
Ricardo Martins
8
Upewnij się, że Narzędzia programistyczne znajdują się we własnym oknie, jeśli DT zostanie zadokowane w oknie głównym, polecenie Ctrl + Shift + F nie spowoduje wyszukania źródeł, zamiast tego uruchomi wyszukiwanie domyślne.
Highway of Life
22
Fakt, że musiałem to zrobić w Google, wiele mówi o UX Chrome Dev Tools.
Piotr Owsiak
16

Wyszukaj wszystkie pliki za pomocą Control + Shift + F lub konsoli -> [karta Wyszukiwanie]

wprowadź opis zdjęcia tutaj

UWAGA: Wyszukiwanie globalne pojawia się obok menu KONSOLA

Asher
źródło
Ta odpowiedź jest w zasadzie taka sama jak ta, która otrzymała najwięcej głosów, którą zaktualizowałem, dodając Konsolę -> Wyszukiwanie.
Dan Dascalescu
10

Oprócz Ctrl+ Shift+ F( Cmd+ Option+ Fna Macu), jak sugerowano w tej odpowiedzi , możesz kliknąć prawym przyciskiem myszy górny węzeł drzewa na karcie źródeł i wybrać „Wyszukaj we wszystkich plikach”:

wprowadź opis zdjęcia tutaj

Big McLargeHuge
źródło
5
Już nie istnieje? Nie widzę tego w systemie Windows.
XP1
4
Nie istnieje już od Chrome 58.
Dan Dascalescu
Występuje ponownie w aktualnej wersji
Julix
Nie widzę tego w Chrome w wersji 79 na Mac OS.
user674669
0

W Windows Control + Shift + F. Upewnij się także, aby wyszukiwać w skryptach treści. Przejdź do Ustawienia-> Źródła-> Szukaj w skrypcie anonimowym i zawartości.

JDev
źródło
0

W najnowszym Chrome z 26.10.2018 odpowiedź najwyżej oceniana nie działa, oto jak to zrobić: wprowadź opis zdjęcia tutaj

wprowadź opis zdjęcia tutaj

Zinan Xing
źródło
Najwyżej oceniana odpowiedź nadal działa, jeśli zaznaczysz opcję „Szukaj w skryptach anonimowych i treści” w ustawieniach. BTW twoja odpowiedź nie jest związana z pytaniem; służy tylko do wyszukiwania nazw plików, a nie treści.
Koray
0

W Wdowie to działa dla mnie. Naciśnij Shift F, a następnie otworzy się okno wyszukiwania na dole. Rozwiń dolny obszar, aby zobaczyć nowe okno wyszukiwania.

wprowadź opis zdjęcia tutaj

Rupesh Kumar Tiwari
źródło
-1

Twój tekst może znajdować się w odpowiedzi sieciowej. Na karcie Sieć znajduje się również narzędzie wyszukiwania, które możesz wypróbować.

To, czego szukasz, może pozostać w DOM lub w pamięci. Jeśli nie ma go w DOM, to może być w pamięci, ponieważ i tak widać go na ekranie komputera. Szukany tekst może zostać załadowany albo ze skryptów w początkowym DOM, albo z odpowiedzi w późniejszym żądaniu.

kalać
źródło