如何在Chrome开发者工具中搜索所有已加载的脚本?


430

在Firebug中,您可以搜索一些文本,并且它将在页面上加载的所有脚本中查找文本。在调试客户端脚本时,是否可以在Chrome Developer工具中执行相同的操作?我尝试过,但似乎只在我打开的脚本中搜索,而不在页面上的其余部分中搜索。

我希望接下来的屏幕截图可以更好地说明我要完成的工作: 替代文字

以下屏幕截图来自Firebug中的一次搜索: 替代文字 替代文字


1
顺便说一句,如果您使用的是Source Maps(例如,使用GWT Super Dev Mode),则可以按名称搜索映射的.java文件。在Sources选项卡中,按Ctrl + O(在Mac上为Command + O)。
法兰克福,

6
我可以建议将接受的答案更改为vsevik吗?它对当今的读者很有用。
Mark Amery 2014年

高兴!得到了这个问题的完美答案,但无法像在Firebug中那样在网络响应中进行搜索,现在甚至在firefox中也不可用
Ravi Parekh

1
使用Google Dev Tools中的“转到文件”(这是一种灵活而有用的工具,可以在您的函数名,CSS中的类名等方面进行功能搜索)。如何在Google Chrome DevTools中使用“转到文件”
Iman Bahrampour

Answers:


678

通过以下方式在开发人员工具中打开一个新的搜索窗格:

  • Ctrl+ Shift+ F(在Mac上为Cmd+ Option+ I
  • 点击DevTools中的溢出菜单(),DevTools溢出菜单
  • 单击控制台中的溢出菜单(),然后选择“搜索”选项

您可以搜索所有脚本,并支持正则表达式和区分大小写。

单击任何匹配项以在脚本面板中加载该文件/部分。

搜索所有文件-结果

确保在DevTools首选项(F1)中选中了“搜索匿名和内容脚本” 。这将从iframe和HTML内联脚本中返回结果:

在匿名脚本和内容脚本中搜索DevTools设置首选项


14
Control + Shift + F很有用,但不会返回所有匹配,尤其是iframe中的脚本。
Murali副总裁2012年

35
如果要按Control + Shift + F组合键,则上方的搜索框将完全产生误导。其次,搜索和搜寻UI工作流程非常糟糕。您真的可以在那个小区域容纳多少?为什么不像FF那样呢?
Mrchief 2012年

6
效果很好,但是比FF需要更长的时间。Chrome开发工具需要进行许多改进... =(
Ricardo Martins 2013年

8
确保开发人员工具在其自己的窗口中,如果DT停靠在主窗口中,则Ctrl + Shift + F命令不会拉起对源的搜索,而是运行默认搜索。
生命高速公路

22
我必须为此谷歌搜索的事实充分说明了Chrome开发工具的用户体验。
Piotr Owsiak 2014年

16

使用Control + Shift + F或Console-> [搜索选项卡]搜索所有文件

在此处输入图片说明

注意:全局搜索显示在控制台菜单旁边


这个答案与投票最多的答案基本相同,我已经对其进行了更新,包括控制台->搜索。
Dan Dascalescu

10

除了此答案中建议的Ctrl+ Shift+ F(在Mac上为Cmd+ Option+ F)之外,您还可以右键单击“源”选项卡中顶部的树节点,然后选择“在所有文件中搜索”:

在此处输入图片说明


5
不再存在了吗?我在Windows上看不到它。
XP1

4
不再存在于Chrome 58
达恩·达斯卡莱斯卡

在当前版本中再次存在
Julix

我在Mac OS的Chrome 79版中看不到它。
user674669

0

在Windows中,按Control + Shift + F。另外,还要确保搜索内容脚本。转到“设置”->“源”->“在匿名和内容脚本中搜索”。


0

在截至2018年10月26日的最新版本的Chrome中,评分最高的答案不再有效,其操作方法如下: 在此处输入图片说明

在此处输入图片说明


如果您在设置中选中“在匿名和内容脚本中搜索”,则评分最高的答案仍然有效。顺便说一句,您的答案与询问的内容无关;这仅用于搜索文件名,而不是内容。
Koray

0

在寡妇中,它为我工作。控制Shift F,然后在底部打开搜索窗口。确保扩展底部区域以查看新的搜索窗口。

在此处输入图片说明


-1

您的文本可能位于网络响应中。“网络”选项卡中还有一个搜索工具,您可以尝试一下。

您要搜索的内容可能保留在DOM或内存中。如果它不在DOM中,那么它可能在内存中,因为无论如何您都只是在计算机屏幕上看到它。您搜索的文本可以从初始DOM中的脚本中加载,也可以从后续请求中的响应中加载。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.