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

Question

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

当我想针对任何特定问题进行调试，或者验证我是否看到特定文件的旧版本时，我发现很难在Chrome开发者工具的“源”选项卡中找到我的文件。

是否有任何快捷方式或操作可以让我输入文件的名称并将我带到该文件的来源？

Answer 1

在sources选项卡中，使用CTRL + O（⌘+ O for Mac）按文件名搜索脚本，样式表和片段。

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

[Qazxswpoi]

Answer 2

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

Chrome Devtools Cheatsheet

⌘+ P - 在Mac中。

Answer 3

在Windows中：

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

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

Answer 4

Mac：Command + O Windows：Ctrl + O.