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

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

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

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

当前回答

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

按Ctrl+Shift+F (Cmd+Option+I在mac上) 点击DevTools中的溢出菜单()，点击控制台的溢出菜单，并选择搜索选项

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

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

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

其他回答

在截至2018年10月26日的最新Chrome浏览器中，排名最高的答案不再有效，以下是如何做到的:

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

按Ctrl+Shift+F (Cmd+Option+I在mac上) 点击DevTools中的溢出菜单()，点击控制台的溢出菜单，并选择搜索选项

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

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

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

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

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

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

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

推荐文章