如何在Chrome Developer Tools中搜索所有已加载的脚本?

时间:2010-11-10 14:03:31

标签: google-chrome google-chrome-devtools script-debugging

在Firebug中,您可以搜索某些文本,它会在页面上加载的所有脚本中查找它。调试客户端脚本时,可以在Chrome Developer工具中完成相同的操作吗?我试过了,但似乎只搜索我打开的脚本,而不是页面上的其他脚本。

我希望下一个屏幕截图可以更好地了解我正在努力实现的目标: alt text

以下屏幕截图来自Firebug中的单个搜索: alt text alt text

7 个答案:

答案 0 :(得分:653)

在开发者工具中打开一个新的搜索窗格:

  • Ctrl + Shift + F Cmd + 选项 + < kbd>我在mac上)
  • 点击DevTools中的溢出菜单(),DevTools overflow menu
  • 单击控制台中的溢出菜单()并选择搜索选项

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

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

Search all files - results

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

Search in anonymous and content scripts DevTools Settings Preferences

答案 1 :(得分:16)

使用Control + Shift + F或控制台搜索所有文件 - &gt; [搜索标签]

enter image description here

注意:全局搜索显示在CONSOLE菜单旁边

答案 2 :(得分:7)

Ctrl + Shift + F Cmd + 选项按照this answer中的建议,在Mac上+ F ,您可以右键单击来源选项卡中的顶部树节点,然后选择&#34;在所有文件中搜索&#34;:

enter image description here

答案 3 :(得分:0)

在Windows Control + Shift + F中。另外,请确保也搜索内容脚本。转到设置 - &gt;来源 - &gt;搜索匿名和内容脚本。

答案 4 :(得分:0)

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

enter image description here

答案 5 :(得分:-1)

在截至2018年10月26日的最新版本的Chrome中,评分最高的答案不再有效,其操作方法如下: enter image description here

enter image description here

答案 6 :(得分:-1)

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

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