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


98

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

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

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


2
В правом нижнем углу консоли есть значок шестеренки. Щелкните по нему. На последней вкладке в окне настроек находится вкладка ярлыков. Вы можете увидеть комбинации клавиш, как и ответ.
epascarello

Используйте «Перейти к файлу» в Google Dev Tools (гибкий и полезный инструмент с возможностью поиска по имени вашей функции, имени класса в CSS, ...) «Перейти к файлу» в Google Dev Tools
Иман Бахрампур,

Ответы:


142

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

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

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


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

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


3

В Windows:

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

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


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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.