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

Alp*_*pha 90 javascript debugging frontend google-chrome google-chrome-devtools

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

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

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

CD.*_*D.. 133

在sources选项卡中使用CTRL+ O(+ Ofor Mac)按文件名搜索脚本,样式表和片段.

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

[ Chrome Devtools Cheatsheet ]

  • 对过滤器/搜索的警告是,您似乎无法进行精确搜索或通配符。搜索“.js”会返回文件名中带有“j”、“s”或“.”的任何文件:/ (2认同)

Ale*_*kin 14

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

在此输入图像描述

  • O和P似乎具有相同的行为。我想知道是否已弃用。 (2认同)

liv*_*ove 7

在 Windows 中:

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

使用CTRL++ 搜索文件名SHIFTO