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

97

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

当我想调试任何特定问题或验证是否看到特定文件的旧版本时，我发现在Chrome开发者工具的“源”标签中确实找不到文件。

我可以采取任何快捷方式或操作来输入文件名，然后转到该文件的源吗？

javascript debugging google-chrome google-chrome-devtools frontend

— Α
source

2

在控制台的右下角，有一个齿轮图标。点击它。在设置窗口的最后一个选项卡上，有一个快捷方式选项卡。您可以看到类似答案的按键组合。

— epascarello 2013年

使用Google Dev Tools中的“转到文件”（一种灵活而有用的工具，可以在函数名，CSS中的类名上进行功能搜索……）Google Dev Tools中的“转到文件”

— Iman Bahrampour

142

在“源”选项卡中时，请使用CTRL+ O（对于Mac为⌘+ O，）按文件名搜索脚本，样式表和摘要。

（使用CTRL+ SHIFT+ O至滤波器/查看文件时，则定位到一个JavaScript功能/ CSS规则）

— 光盘..
source

很高兴知道！您曾经（在Chrome 35之前？）可以通过仅在“源”标签中的文件导航器键入内容来启动文件名搜索；很高兴知道他们已将该功能隐藏在快捷方式后面，而不是将其完全删除。=）

— rakslice 2014年

过滤器/搜索的警告是您似乎无法进行精确的搜索或通配符。搜索.js返回文件名中带有a j或a s或a的任何文件.：/

— worc

15

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

⌘+ P-在Mac中。

— Aleksei Mialkin
source

2

O并且P似乎具有相同的行为。我想知道是否已弃用。

— isherwood

2

在Windows中：

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

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

— 真爱
source

0

Mac：Command + O Windows：Ctrl + O

— 杰基
source