Как перейти к определенному файлу в инструментах разработчика Chrome?

Я разрабатываю веб-приложение с тяжелым интерфейсом. Используя Dojo и AMD-way, в настоящее время у меня есть тестовые экраны, которые могут легко загружать более сотни различных файлов javascript.

Когда я хочу отлаживать какую-либо проблему или проверять, есть ли у меня старая версия определенного файла, мне очень трудно найти мои файлы на вкладке "Источники" в инструментах разработчика Chrome.

Есть ли какой-либо ярлык или действие, которое я могу сделать, что позволит мне ввести имя файла и приведет ли я к источнику этого файла?

Ответы

Ответ 1

На вкладке источников используйте CTRL + O (⌘ + O для Mac) для поиска скриптов, таблиц стилей и фрагментов по имени файла.

(используйте CTRL + SHIFT + O для фильтрации/перехода к правилу JavaScript/правила CSS при просмотре файла)

[Cheatsheet Chrome Devtools]

Ответ 2

CTRL + P вызывает поисковый ввод в Windows.

⌘ + P - в Mac.

Ответ 3

В Windows:

Используйте CTRL + SHIFT + F для поиска содержимого в файлах.

Используйте CTRL + SHIFT + O для поиска имен файлов.

Ответ 4

Mac: Command + O Windows: Ctrl + O