如何在 Chrome 开发工具中进入特定的文件？

我正在开发一个网络应用程序与一个沉重的前端方法。通过使用 Dojo 和 AMD-way，我目前拥有测试屏幕，可以轻松加载超过100个不同的 javascript 文件。

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

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

74266 次浏览

小开

最佳答案

而在 source 选项卡中，使用 CTRL + O(对 Mac 来说是 ⌘ + O)按文件名搜索脚本、样式表和代码片段。

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

小开

CTRL + P在 Windows 中打开搜索输入。

在 Mac 中使用 ⌘ + Pー。

小开

Mac: Command + O Windows: Ctrl + O

小开

在 Windows 中:

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

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