Wyszukiwanie: znajdowanie tekstu we wszystkich załadowanych zasobach

Sofia Emelianova
Sofia Emelianova

Użyj panelu Szukaj, aby znaleźć tekst we wszystkich załadowanych zasobach.

Możesz też użyć wbudowanych pasków wyszukiwania, aby znaleźć tekst w zasobach otwartych w określonym narzędziu.

Omówienie

W panelu Szukaj możesz znaleźć tekst we wszystkich załadowanych zasobach. Możesz też użyć wyrażenia regularnego lub uwzględnić wielkość liter. Po znalezieniu tekstu możesz wyświetlić jego źródło w panelu Źródła.

Panel Wyszukiwanie możesz otworzyć na kilka sposobów. Najpierw otwórz Narzędzia deweloperskie, a następnie wykonaj jedną z tych czynności:

  • W prawym górnym rogu Narzędzi deweloperskich kliknij Dostosowywanie i kontrolowanie Narzędzi deweloperskich Dostosowywanie i zarządzanie Narzędziami deweloperskimi > Więcej narzędzi > Szukaj.
  • Naciśnij klawisz Esc, aby otworzyć drawer, a potem w lewym górnym rogu kliknij Dostosowywanie Narzędzi deweloperskich i zarządzanie nimi Więcej narzędzi > Szukaj.
  • Naciśnij Command + Option + F (Mac) lub Control + Shift + F (Windows/Linux).

Wyszukiwanie tekstu we wszystkich wczytanych zasobach

Aby wyszukać tekst we wszystkich załadowanych zasobach, wpisz zapytanie na pasku wyszukiwania w panelu Szukaj i naciśnij Enter.

Wyniki wyszukiwania.

Gdy DevTools znajdzie kilka dopasowań w jednym wierszu, wyniki wyszukiwania wyświetlą je wszystkie z tym samym numerem wiersza. Po kliknięciu wyniku wyszukiwania w Narzędziach deweloperskich otworzą się wiersz w sekcji Źródła i przewinieją dopasowanie, aby je wyświetlić.

Aby zapytanie rozróżniało wielkość liter, przełącz przełącznik Dopasuj wielkość liter.

Przycisk Uwzględnij wielkość liter.

Aby wyszukać tekst pasujący do wyrażenia regularnego, włącz przycisk Wyrażenie regularne.

Przycisk wyrażenia regularnego.

Ponownie uruchamianie zapytania, rozwijanie i czyszczenie wyników

Aby ponownie uruchomić zapytanie, kliknij Odśwież. Odśwież.

Aby rozwinąć wszystkie wyniki wyszukiwania:

  • W systemach Windows / Linux naciśnij Ctrl+Shift+{ lub }.
  • W systemie macOS naciśnij Command + Option + { lub }

Aby wyczyścić wyniki wyszukiwania, kliknij Wyczyść. Wyczyść.

Wyszukiwanie tekstu przy użyciu określonego narzędzia

Aby zawęzić zakres wyszukiwania do zasobu otwartego w konkretnym narzędziu, możesz użyć wbudowanego paska wyszukiwania, jeśli narzędzie go obsługuje.

Paski wyszukiwania mają przyciski w górę i w dół, które umożliwiają przejście do poprzednich i następnych wyników wyszukiwania.

Aby otworzyć wbudowany pasek wyszukiwania w konkretnym narzędziu, naciśnij Command + F (Mac) lub Control + F (Windows/Linux).

Nie wszystkie panele i karty Narzędzi deweloperskich mają wbudowany pasek wyszukiwania, ale te, które go mają, często mają funkcje związane z określonymi narzędziami. Poniżej znajdziesz listę narzędzi z paskami wyszukiwania i ich funkcjami.

Panel lub karta Wielkość liter ma znaczenie Wyrażenie regularne Zakres Funkcje związane z poszczególnymi narzędziami
Elementy drzewo DOM Wyszukiwanie według selektora i XPath
Konsola Jest. Jest. Komunikaty logu
Źródła Jest. Jest. Bieżący plik źródłowy Zamień
Sieć Jest. Jest. Nagłówki sieci, ładunki i odpowiedzi
Wydajność Jest. Jest. aktywności na ścieżce Główna i żądań na ścieżce Sieć;
Pamięć Jest. Profile Wyszukaj profile próbkowania według kosztu, nazwy i pliku
Program profilujący JavaScript Jest. Profile procesora wyszukiwać według kosztu, nazwy i pliku;
Szybkie źródło Jest. Jest. Bieżący plik źródłowy Zamień