如何转到Chrome开发者工具中的特定文件?

时间:2013-01-30 15:50:09

标签: javascript debugging google-chrome google-chrome-devtools frontend

我正在开发一个前端方法很重的Web应用程序。通过使用Dojo和AMD方式,我目前拥有可以轻松加载一百多个不同javascript文件的测试屏幕。

如果我想调试任何特定问题,或者验证我是否看到特定文件的旧版本,我发现很难在Chrome开发者工具的“来源”标签中找到我的文件。

我可以制作任何快捷方式或操作,让我输入文件的名称并将我带到该文件的来源吗?

4 个答案:

答案 0 :(得分:115)

在sources选项卡中使用 CTRL + O (对于Mac, + O )来搜索脚本,文件名和文件夹的文件名。

(使用 CTRL + SHIFT + O 在查看文件时过滤/导航到JavaScript函数/ CSS规则)

[Chrome Devtools Cheatsheet]

答案 1 :(得分:13)

CTRL + P 会在Windows中显示搜索输入。

enter image description here

+ P - 在Mac中。

enter image description here

答案 2 :(得分:1)

在Windows中:

使用 CTRL + SHIFT + F 搜索文件中的内容。

使用 CTRL + SHIFT + O 搜索文件名。

答案 3 :(得分:0)

Mac:Command + O Windows:Ctrl + O