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


97

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

Коли я хочу налагодити будь-яку конкретну проблему або перевірити, чи не бачу я стару версію певного файлу, мені дуже важко знайти свої файли на вкладці Джерела в Інструментах розробника Chrome.

Чи є якийсь ярлик чи дія, яку я можу зробити, що дозволить мені ввести ім’я файлу та перенесе мене до джерела цього файлу?


2
У нижньому правому куті консолі є значок шестерні. Клацніть по ньому. На останній вкладці у вікні налаштувань є вкладка ярликів. Ви можете побачити такі комбінації ключів, як відповідь.
epascarello

Використовуйте "Перейти до файлу" в Google Dev Tools (гнучкий та корисний інструмент із можливістю пошуку за назвою вашої функції, назвою класу в CSS, ...) "Перейти до файлу" в Google Dev Tools
Iman Bahrampour

Відповіді:


142

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

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

[ Код таблиці Chrome Devtools ]


Це добре знати! Ви раніше (до Chrome 35?) Мали змогу розпочати пошук по імені файлу, просто ввівши навігатор файлів на сфокусованій вкладці Джерела; приємно знати, що вони приховали цю функцію за ярликом, а не видаляли її повністю. =)
rakslice

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


2

У Windows:

Використовуйте CTRL+ SHIFT+ F для пошуку вмісту у файлах.

Використовуйте CTRL+ SHIFT+ O для пошуку імен файлів.


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.