Поиск исходных файлов для страницы с помощью средства поиска

  • Статья

Используйте средство поиска , чтобы найти определенные исходные файлы для веб-страницы, включая HTML, CSS, JavaScript и файлы изображений.

Веб-страница — это в основном HTML-файл, который используется браузером для отображения содержимого. Но веб-страницы обычно требуют других ресурсов в дополнение к HTML-файлу, таких как CSS, JavaScript или файлы изображений, для предоставления более полного содержимого.

В средстве Источники на вкладке Страницаобласти Навигатор отображаются все ресурсы, скачанные веб-страницей. Но если ресурсов много, поиск по ним может оказаться полезным. Чтобы выполнять поиск текста и регулярных выражений по всем ресурсам веб-страницы, используйте средство поиска .

Открытие средства поиска с помощью сочетания клавиш

Чтобы быстро открыть средство поиска , выполните следующие действия:

  1. Чтобы открыть Средства разработки, щелкните веб-страницу правой кнопкой мыши и выберите пункт Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS). Откроется devTools.

  2. В devTools нажмите клавишу ESC , чтобы открыть ящик, а затем на панели инструментов Ящик выберите вкладку Поиск . Если эта вкладка не отображается, нажмите кнопку Дополнительные вкладки (значок ") или кнопку Дополнительные инструменты (значок ") .

    Или нажмите клавиши CTRL+SHIFT+F (Windows, Linux) или COMMAND+OPTION+F (macOS).

На панели Быстрого просмотра откроется средство поиска:

Инструмент поиска с панелью инструментов поиска

См. также глобальные сочетания клавиш.

Откройте инструмент "Поиск" с помощью меню "Команда"

Чтобы открыть средство "Поиск " в меню "Команда", выполните следующие действия:

  1. Чтобы открыть Средства разработки, щелкните веб-страницу правой кнопкой мыши и выберите пункт Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS). Откроется devTools.

  2. Откройте меню Команда, нажав клавиши CTRL+SHIFT+P (Windows, Linux) или COMMAND+SHIFT+P (macOS).

  3. Начните вводить поиск и выберите Показать поиск:

Меню

Поиск текста

Чтобы найти текст на текущей веб-странице и ее файлах ресурсов, выполните следующие действия:

  1. Поместите фокус на поле ввода поиска.
  2. Введите текст, который нужно найти, и нажмите клавишу ВВОД.

Средство поиска отображает список соответствующих ресурсов и выделяет соответствующие строки текста. Количество соответствующих файлов и строк также указывается в нижней части средства.

Результаты поиска, отображаемые в средстве поиска, с соответствующим текстом, выделенным желтым цветом

Совпадение регистра (строчные или прописные символы)

По умолчанию в средстве поиска регистр не учитывается. Поиск термина соответствует вхождениям этого термина, независимо от символов в нижнем или верхнем регистре.

Чтобы найти только результаты, соответствующие конкретному регистру (строчные или прописные символы), нажмите кнопку Совпадение (Aa) на панели инструментов поиска.

Поиск регулярных выражений

Для поиска соответствующих результатов можно использовать регулярные выражения. Чтобы использовать регулярное выражение, нажмите кнопку Использовать регулярное выражение (.*) на панели инструментов и введите допустимое регулярное выражение JavaScript в текстовом поле Поиск :

Поиск регулярного выражения

Символы косой черты (/), которые обычно разделяют шаблоны регулярных выражений в JavaScript, не требуются.

Аналогичным образом, флаги, которые при необходимости появляются после закрывающей косой черты (/) в регулярных выражениях JavaScript, нельзя использовать здесь. Средство поиска сопоставляет результаты так, как если бы gбыли предоставлены флаги , iи m регулярных выражений:

Flag Имя Описание
g Глобальные Поиск является глобальным: средство продолжит поиск файлов даже после того, как будет найдено первое совпадение, как если бы был указан флаг регулярного выражения g .
i Пропустить регистр Поиск по умолчанию игнорирует регистр, как если бы i был указан флаг. Чтобы отключить этот флаг и найти только результаты, которые соответствуют конкретному варианту, нажмите кнопку Совпадение (Aa) на панели инструментов поиска.
m Многострочный Поиск выполняется в нескольких строках: средство обрабатывает каждую строку в исходных файлах независимо друг от друга, а ^ символы и соответствуют $ началу и концу любой строки соответственно, как если бы m был указан флаг.

См. также:

Открытие найденного файла в средстве "Источники"

После выполнения поиска щелкните строку результата, чтобы открыть соответствующий файл. Средство "Источники" откроется на панели main и загружает файл ресурсов, прокрутив его до соответствующей строки:

Щелкнув строку поиска, откроется средство

Обновление результатов поиска

Веб-страница может продолжать запрашивать ресурсы после завершения загрузки, поэтому результаты, отображаемые на панели "Поиск" , могут через некоторое время устареть.

Чтобы обновить результаты поиска, выполните одно из следующих действий.

  • Нажмите кнопку Обновить (обновить кнопку поиска) на панели инструментов.
  • Выполните поиск еще раз, введя термин в поле ввода поиска.

Чтобы очистить результаты поиска, нажмите кнопку Очистить (очистить поиск) на панели инструментов.