How to Go to a Specific File in Chrome Developer Tools?
I Am Developing a Web Application with a Heavy Front-End Approach. by Using Dojo and the Amd-Way, I Currently Have Testing Screens Which May Easily Load over a...
I am developing a web application with a heavy front-end approach. By using Dojo and the AMD-way, I currently have testing screens which may easily load over a hundred different javascript files.
When I want to debug for any specific problem, or verify if I am seeing an old version of a specific file, I find it really hard to find my files in the Sources tab in the Chrome Developer Tools.
Is there any shortcut or action I can make that will let me type the name of a file and will take me to the source of that file?
4 Answers
While in the sources tab use CTRL+O (⌘+O for Mac) to search scripts, stylesheets and snippets by filename.
(use CTRL+SHIFT+O to filter/navigate to a JavaScript function/CSS rule when viewing a file)
CTRL + P brings up the search input in Windows.
⌘ + P — in Mac.
In Windows:
Use CTRL+SHIFT+F to search for content in files.
Use CTRL+SHIFT+O to search for file names.
Mac: Command + O Windows: Ctrl + O
Sarah Jenkins is a veteran tech journalist with over 12 years of experience covering artificial intelligence, mobile innovations, and digital ethics. Her insights have appeared in leading technology publications worldwide.
