Как искать все загруженные скрипты в Инструментах разработчика Chrome?

В Firebug вы можете выполнять поиск по тексту, и он будет искать его во всех скриптах, загруженных на страницу. Можно ли сделать то же самое в инструментах разработчика Chrome при отладке клиентского скрипта? Я пробовал, но, похоже, он ищет только в открытом мной скрипте, а не в остальных, которые есть на странице.

Надеюсь, следующие снимки экрана дадут лучшее представление о том, чего я пытаюсь достичь: alt text

Следующие снимки экрана сделаны в результате однократного поиска в Firebug: alt text альтернативный текст


person Slavo    schedule 10.11.2010    source источник
comment
Кстати, если вы используете Source Maps (например, с GWT Super Dev Mode), вы можете искать сопоставленные файлы .java по имени ... Введите Ctrl + O (command + O на Mac) на вкладке Sources.   -  person frankadelic    schedule 14.05.2013
comment
Могу я предложить изменить принятый ответ на всевик? Скорее всего, это будет полезно для сегодняшних читателей.   -  person Mark Amery    schedule 26.07.2014
comment
Радостный! Получил идеальный ответ на этот вопрос, но поиск в ответе сети недоступен, как в Firebug, теперь даже в firefox   -  person Ravi Parekh    schedule 04.03.2017
comment
Используйте «Перейти к файлу» в Google Dev Tools (гибкий и полезный инструмент с возможностью поиска по имени вашей функции, имени класса в CSS, ...). Как использовать "Перейти к файлу" в Google Chrome DevTools   -  person Iman Bahrampour    schedule 07.12.2017


Ответы (7)


Откройте новую панель поиска в Инструментах разработчика:

  • нажатие Ctrl + Shift + F (Cmd + Option + I на Mac)
  • щелкнув дополнительное меню () в DevTools,  Дополнительное меню DevTools
  • щелкнув дополнительное меню в консоли () и выбрав опцию поиска

Вы можете искать по всем своим скриптам с поддержкой регулярных выражений и чувствительности к регистру.

Щелкните любое совпадение, чтобы загрузить этот файл / раздел на панель сценариев.

Искать во всех файлах - результаты

Убедитесь, что в настройках DevTools (F1) установлен флажок «Поиск в анонимных и контентных скриптах». Это вернет результаты из фреймов и встроенных скриптов HTML:

«Поиск

person vsevik    schedule 01.11.2011
comment
Control + Shift + F довольно полезен, но не возвращает все совпадения, особенно скрипты внутри iframe. - person Murali VP; 09.03.2012
comment
Если Control + Shift + F - это путь, то верхнее поле поиска вводит в заблуждение. Во-вторых, рабочий процесс пользовательского интерфейса поиска и охоты ужасен. Сколько вы действительно можете поместиться в этой крошечной области? Почему не делать это так, как FF? - person Mrchief; 14.06.2012
comment
Работает хорошо, но занимает гораздо больше времени, чем в FF. Инструменты разработчика Chrome нуждаются во многих улучшениях ... = ( - person Ricardo Martins; 18.09.2013
comment
Убедитесь, что Инструменты разработчика находятся в собственном окне, если DT прикреплен к главному окну, команда Ctrl + Shift + F не вызовет поиск источников, вместо этого будет запущен поиск по умолчанию. - person Highway of Life; 08.11.2013
comment
Тот факт, что для этого мне пришлось гуглить, многое говорит о UX Chrome Dev Tools. - person Piotr Owsiak; 27.03.2014
comment
Это все еще работает? Ctrl + shift + f в инспекторе ничего не делает на Mac - person Abadaba; 29.05.2014
comment
как искать полное выражение вместо того, чтобы возвращать частичные совпадения? - person Nikos; 04.06.2014
comment
не работает с последней версией Chrome - по крайней мере, не отображаются все результаты, некоторые результаты могут отображаться или не отображаться (непредсказуемое поведение) - person coding_idiot; 26.06.2014
comment
Согласно praterade, что касается конкретно комментариев Murali VP и coding_idiot, убедитесь, что 'поиск в сценариях содержимого' установлен проверил в настройках инспектора. Это вернет результаты из окон iframe и HTML. - person ; 22.07.2014
comment
Поиск в сценариях контента был тем, что мне было нужно в течение нескольких месяцев, я полностью пропустил этот флажок ... не такой интуитивно понятный ... - person VDP; 02.12.2014
comment
Стоит упомянуть Ctrl + P для быстрого поиска и открытия имени файла в источниках. - person Shahar; 27.04.2015
comment
Не можете найти поле поиска? Вот небольшая проблема: вам нужно выбрать серую полосу справа от вкладки «Поиск» и потянуть ее вверх! В правом нижнем углу на этом снимке экрана: dropbox.com/s/bxfhmr4oan2mg2v/ - person Magne; 26.06.2015
comment
О боже, что панель глобального поиска внизу была закрыта окном кода на моем дисплее. Пришлось заново отрегулировать окно. - person Kevin Lee; 25.09.2016

Поиск во всех файлах с помощью Control + Shift + F или консоли -> [вкладка поиска]

введите описание изображения здесь

ПРИМЕЧАНИЕ. Глобальный поиск отображается рядом с меню КОНСОЛИ.

person Asher    schedule 31.08.2015
comment
Этот ответ по сути совпадает с ответом, получившим наибольшее количество голосов, который я обновил, добавив Консоль - ›Поиск. - person Dan Dascalescu; 04.05.2017

В дополнение к Ctrl + Shift + F (Cmd + Option + F на Mac), как предлагается в этом ответе, вы можете щелкнуть правой кнопкой мыши верхний узел дерева в на вкладке "Источники" и выберите "Искать во всех файлах":

введите описание изображения здесь

person Big McLargeHuge    schedule 22.12.2016
comment
Больше не существует? Я не вижу этого в Windows. - person XP1; 30.01.2017
comment
Больше не существует в Chrome 58. - person Dan Dascalescu; 04.05.2017
comment
Снова существует в текущей версии - person Julix; 01.12.2017
comment
Я не вижу этого в Chrome версии 79 на mac os. - person user674669; 31.01.2020

В Windows Control + Shift + F. Также не забудьте выполнить поиск в сценариях содержимого. Перейдите в Настройки-> Источники-> Поиск в анонимном и контентном скрипте.

person JDev    schedule 08.03.2018

В последней версии Chrome от 26.10.2018 наиболее популярный ответ больше не работает. Вот как это делается:  введите описание изображения здесь

введите здесь описание изображения

person AsyncMoksha    schedule 26.10.2018
comment
Ответ с самым высоким рейтингом по-прежнему работает, если в настройках вы установите флажок «Поиск в анонимных и контентных скриптах». Кстати, ваш ответ не связан с тем, о чем спрашивают; это только для поиска по именам файлов, а не по содержимому. - person Koray; 14.11.2018

В Widows у меня работает. Удерживая Shift F, внизу откроется окно поиска. Убедитесь, что вы развернули нижнюю часть, чтобы увидеть новое окно поиска.

введите здесь описание изображения

person Rupesh Kumar Tiwari    schedule 16.11.2018

Ваш текст может находиться в сетевом ответе. На вкладке "Сеть" также есть инструмент поиска, и вы можете попробовать его.

То, что вы хотите найти, может оставаться либо в DOM, либо в памяти. Если его нет в DOM, что ж, он может быть в памяти, потому что вы все равно просто видите его на экране своего компьютера. Текст, который вы ищете, может быть загружен либо из сценариев в исходной модели DOM, либо из ответа в последующем запросе.

person Iceberg    schedule 08.08.2019
comment
Да вот оно что. Я анализировал веб-сайт Vue, и данные, которые я искал, загружались динамически. - person simlev; 02.09.2020