如何在Chrome开发者工具中转到特定文件? [英] How to go to a specific file in Chrome Developer Tools?
问题描述
我正在使用沉重的前端方法开发Web应用程序。通过使用Dojo和AMD-way,我目前可以测试屏幕,可以轻松加载一百多个不同的javascript文件。
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.
当我想调试任何特定问题时,或验证我是否看到某个特定文件的旧版本,发现在Chrome开发者工具的源标签中确实找不到文件。
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?
推荐答案
在源选项卡中,使用 CTRL + O (对于Mac,为⌘ + O )来搜索脚本,样式表和摘要按文件名排序。
While in the sources tab use CTRL+O (⌘+O for Mac) to search scripts, stylesheets and snippets by filename.
(使用 CTRL + SHIFT + O 在查看文件时过滤/导航到JavaScript函数/ CSS规则)
(use CTRL+SHIFT+O to filter/navigate to a JavaScript function/CSS rule when viewing a file)
这篇关于如何在Chrome开发者工具中转到特定文件?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!