Как найти все загруженные скрипты в Chrome Developer Tools?

431

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

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

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

Славо
источник
1
Кстати, если вы используете Source Maps (например, в GWT Super Dev Mode), вы можете искать сопоставленные файлы .java по имени ... Введите Ctrl + O (команда + O на mac) на вкладке Sources.
frankadelic
6
Могу ли я предложить изменить принятый ответ на ответ Всевика? Это гораздо более вероятно, будет полезно для сегодняшних читателей.
Марк Амери
Рады! Получил отличный ответ на этот вопрос, но поиск в ответе по сети не доступен, как в Firebug, теперь даже не в Firefox
Рави Парех
1
Используйте «Перейти к файлу» в Google Dev Tools (гибкий и полезный инструмент с возможностью поиска по названию вашей функции, имени класса в CSS, ...). Как использовать Перейти к файлу в Google Chrome DevTools
Иман Бахрампур

Ответы:

679

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

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

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

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

Поиск по всем файлам - результаты

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

Поиск в анонимных и содержательных скриптах DevTools Настройки Настройки

vsevik
источник
14
Control + Shift + F довольно полезен, но не возвращает все попадания, особенно скрипты внутри iframe.
Мурали VP
35
Если Control + Shift + F - путь, то верхнее окно поиска вводит в заблуждение. Во-вторых, процесс поиска и охоты UI ужасен. Сколько вы действительно можете поместиться в этой крошечной области? Почему бы не сделать это как FF?
Mrchief
6
Работает хорошо, но это занимает гораздо больше времени, чем в FF. Chrome Dev Tools еще нужно много улучшений ... = (
Рикардо Мартинс
8
Убедитесь, что Developer Tools находится в своем собственном окне. Если DT прикреплен к главному окну, команда Ctrl + Shift + F не будет выполнять поиск источников, вместо этого будет выполняться поиск по умолчанию.
Шоссе жизни
22
Тот факт, что мне пришлось искать в Google, много говорит об UX Chrome Dev Tools.
Петр Овсяк,
16

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

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

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

Ашер
источник
Этот ответ по сути совпадает с ответом с наибольшим количеством голосов, который я обновил, чтобы включить Консоль -> Поиск.
Дан Даскалеску
10

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

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

Big McLargeHuge
источник
5
Больше не существует? Я не вижу это в Windows.
XP1
4
Больше не существует с Chrome 58.
Дан Даскалеску
Существует снова в текущей версии
Julix
Я не вижу его в Chrome версии 79 на Mac OS.
user674669
0

В Windows Control + Shift + F. Также убедитесь, что поиск по содержанию скриптов также. Зайдите в Настройки-> Источники-> Поиск в анонимном и контентном скрипте.

JDev
источник
0

В последнем Chrome по состоянию на 26.10.2008 ответ с самым высоким рейтингом больше не работает, вот как это делается: введите описание изображения здесь

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

Зинан Син
источник
Ответ с самым высоким рейтингом по-прежнему работает, если вы отметили «Поиск в анонимных и контентных скриптах» в настройках. Кстати, ваш ответ не связан с тем, что спрашивают; это только для поиска по именам файлов, а не по содержимому.
Корай
0

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

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

Рупеш Кумар Тивари
источник
-1

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

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

пятнать
источник