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

431

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

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

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

google-chrome google-chrome-devtools script-debugging

— Славо
источник

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 ( F1). Это вернет результаты из iframes и встроенных сценариев HTML:

— 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, либо из ответа в последующем запросе.

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