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

98

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

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

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

javascript debugging google-chrome google-chrome-devtools frontend Альфа
источник
2
В правом нижнем углу консоли есть значок шестеренки. Щелкните по нему. На последней вкладке в окне настроек находится вкладка ярлыков. Вы можете увидеть комбинации клавиш, как и ответ.
epascarello
Используйте «Перейти к файлу» в Google Dev Tools (гибкий и полезный инструмент с возможностью поиска по имени вашей функции, имени класса в CSS, ...) «Перейти к файлу» в Google Dev Tools
Иман Бахрампур,

Ответы:

142

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

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

[ Шпаргалка по инструментам разработчика Chrome ]

CD..
источник
Это полезно знать! Раньше (до Chrome 35?) Можно было запускать поиск по имени файла, просто набирая в навигаторе файлов на вкладке «Источники». хорошо знать, что они скрыли эту функцию за ярлыком, а не удалили ее полностью. =)
rakslice
предостережение к фильтру / поиску заключается в том, что вы не можете выполнять точный поиск или подстановочные знаки. поиск .jsвозвращает любой файл с js.
символом
15

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

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

⌘+ P- в Mac.

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

Алексей Мялкин
источник
2
Oи, Pпохоже, ведут себя так же. Интересно, устарел ли он.
isherwood
3

В Windows:

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

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

живи любя
источник
Если используется процесс сборки, и файлы больше не распознаются в Chrome, поиск по содержимому - отличное решение.
Mote Zart,