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

Javascript 如何在Chrome开发者工具中转到特定文件?,javascript,debugging,google-chrome,google-chrome-devtools,frontend,Javascript,Debugging,Google Chrome,Google Chrome Devtools,Frontend,我正在开发一个具有大量前端方法的web应用程序。通过使用Dojo和AMD方式,我目前有了可以轻松加载上百个不同javascript文件的测试屏幕 当我想调试任何特定问题,或者验证是否看到特定文件的旧版本时,我发现在Chrome Developer Tools的Sources选项卡中很难找到我的文件 是否有任何快捷方式或操作可以让我键入文件名并找到该文件的源?在“源”选项卡中使用CTRL+O(⌘+O对于Mac),按文件名搜索脚本、样式表和代码段 (查看文件时,使用CTRL+SHIFT+O筛选/导航

我正在开发一个具有大量前端方法的web应用程序。通过使用Dojo和AMD方式,我目前有了可以轻松加载上百个不同javascript文件的测试屏幕

当我想调试任何特定问题,或者验证是否看到特定文件的旧版本时,我发现在Chrome Developer Tools的Sources选项卡中很难找到我的文件


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

在“源”选项卡中使用CTRL+O(⌘+O对于Mac),按文件名搜索脚本、样式表和代码段

(查看文件时,使用CTRL+SHIFT+O筛选/导航到JavaScript函数/CSS规则)

[]

CTRL+p在Windows中打开搜索输入

⌘ + P-in-Mac

Mac:Command+O Windows:Ctrl+O在Windows中:

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


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

在控制台的右下角,有一个齿轮图标。点击它。在“设置”窗口的最后一个选项卡上,有一个快捷方式选项卡。你可以看到像答案一样的关键组合。在谷歌开发工具(一个灵活而有用的工具,可以搜索你的函数名,CSS中的类名,…)中使用“转到文件”,这很好知道!您过去(Chrome35之前?)只需在Sources选项卡中使用文件导航器键入即可启动文件名搜索;很高兴知道他们将此功能隐藏在快捷方式后面,而不是将其完全删除。=)过滤器/搜索的警告是,您似乎无法执行精确搜索或通配符。搜索
.js
将返回文件名中带有
j
s
的任何文件:/
O
P
似乎具有相同的行为。我想知道是否有一个不推荐使用。如果使用构建过程,并且文件在chrome中不再可识别,按内容搜索是一个很好的解决方案。