126

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

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

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

4

4 回答 4

171

在源选项卡中使用CTRL+ O(⌘</kbd>+O for Mac) to search scripts, stylesheets and snippets by filename.

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

[ Chrome Devtools 备忘单]

于 2013-01-30T15:52:49.490 回答
23

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

在此处输入图像描述

⌘</kbd> + P — in Mac.

在此处输入图像描述

于 2017-02-03T12:53:12.493 回答
4

在 Windows 中:

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

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

于 2019-02-28T15:19:12.203 回答
1

Mac:Command + O Windows:Ctrl + O

于 2018-11-20T07:33:53.540 回答