问题
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?
回答1:
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)
[Chrome Devtools Cheatsheet]
回答2:
CTRL + P brings up the search input in Windows.
⌘ + P — in Mac.
回答3:
In Windows:
Use CTRL+SHIFT+F to search for content in files.
Use CTRL+SHIFT+O to search for file names.
回答4:
Mac: Command + O Windows: Ctrl + O
来源：https://stackoverflow.com/questions/14608075/how-to-go-to-a-specific-file-in-chrome-developer-tools