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

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

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

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

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

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

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

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

   Или нажмите клавиши 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 был указан флаг.

См. также:

• Регулярные выражения в MDN.

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

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

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

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

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

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

Очистка поиска

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