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

在Firebug中，你可以搜索一些文本，它会在页面上加载的所有脚本中查找这些文本。在调试客户端脚本时，同样可以在Chrome开发工具中完成吗?我尝试了一下，但它似乎只在我打开的脚本中搜索，而不是页面上的其余部分。

我希望下面的截图能让你更好地了解我想要实现的目标: alt text

以下截图来自Firebug中的一次搜索: alt text alt text

204284 次浏览
小开
最佳答案

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

  • 按Ctrl + 转变 + F (Cmd + 选项 + 我 mac)
  • 在DevTools中单击溢出菜单(⋮)， DevTools overflow menu
  • 点击控制台中的溢出菜单(⋮)并选择搜索选项

您可以在支持正则表达式和区分大小写的所有脚本中进行搜索。

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

Search all files - results

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

Search in anonymous and content scripts DevTools Settings Preferences .

小开

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

enter image description here

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

小开

除了这个答案中建议的Ctrl+转变+F (Mac上的Cmd+选项+F)之外，您可以右键单击sources选项卡中的顶部树节点并选择“在所有文件中搜索”:

enter image description here

小开

在Windows中Control+Shift+F。还要确保在内容脚本中进行搜索。进入设置->来源->匿名和内容脚本搜索。

小开
在截至2018年10月26日的最新Chrome浏览器中，排名最高的答案不再有效，以下是如何做到的: enter image description here < / p >

enter image description here

小开

在寡妇公司，这对我很管用。Control Shift F然后在底部打开一个搜索窗口。确保您展开底部区域以看到新的搜索窗口。

enter image description here

小开

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

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

提交答案