Используйте панель поиска , чтобы найти текст во всех загруженных ресурсах.
Альтернативно, используйте встроенные панели поиска , чтобы найти текст в ресурсе, открытом в определенном инструменте.
Обзор
Панель поиска позволяет находить текст во всех загруженных ресурсах с возможностью использования регулярных выражений или с учетом регистра. Найдя текст, вы сможете просмотреть его источник на панели «Источники» .
Откройте панель поиска
Открыть панель поиска можно несколькими способами. Сначала откройте DevTools , затем выполните одно из следующих действий:
- В правом верхнем углу DevTools выберите Настраивайте и управляйте DevTools > Дополнительные инструменты > Поиск .
- Нажмите Esc , чтобы открыть ящик , и в верхнем левом углу выберите Дополнительные инструменты > Поиск .
- Нажмите Command + Option + F (Mac) или Control + Shift + F (Windows/Linux).
Поиск текста по всем загруженным ресурсам
Для поиска текста по всем загруженным ресурсам в строке поиска на панели «Поиск » введите запрос и нажмите Enter .
Когда DevTools находит несколько совпадений в одной строке, в результатах поиска все они отображаются с одинаковым номером строки. Щелкните результат поиска, и DevTools откроет строку в «Источниках» и прокрутит совпадение в поле зрения.
Чтобы сделать запрос чувствительным к регистру, переключите кнопку
«Учитывать регистр» .Чтобы найти текст, соответствующий регулярному выражению, переключите кнопку
«Регулярное выражение» .Повторно запустите запрос, разверните и очистите результаты.
Чтобы повторно запустить поисковый запрос, нажмите Обновить .
Чтобы развернуть все результаты поиска:
- В Windows/Linux нажмите Ctrl + Shift + { или }.
- В macOS нажмите Command + Option + { или }.
Чтобы очистить результаты поиска, нажмите Прозрачный .
Поиск текста в определенном инструменте
Чтобы сузить область поиска до ресурса, открытого в определенном инструменте, вы можете использовать встроенную панель поиска, если инструмент ее поддерживает.
На панелях поиска есть кнопки вверх и вниз для перехода к предыдущим и следующим результатам поиска.
Чтобы открыть встроенную панель поиска в определенном инструменте, нажмите Command + F (Mac) или Control + F (Windows/Linux).
Не все панели и вкладки DevTools имеют встроенную панель поиска, но те, которые имеют, часто предоставляют функции, специфичные для инструмента. Ниже приведен список инструментов с панелями поиска и их функциями.
Панель или вкладка | С учетом регистра | регулярное выражение | Объем | Особенности инструмента |
---|---|---|---|---|
Элементы | DOM-дерево | Поиск по селектору и XPath | ||
Консоль | Журнал сообщений | |||
Источники | Текущий исходный файл | Заменять | ||
Сеть | Сетевые заголовки, полезные данные и ответы | |||
Производительность | Действия на основном треке и запросы на сетевом треке | |||
Память | Профили | Поиск профилей выборки по стоимости, названию и файлу | ||
Профилировщик JavaScript | Профили ЦП | Поиск по стоимости, имени и файлу | ||
Быстрый источник | Текущий исходный файл | Заменять |