如何在Chrome Developer Tools中search所有加载的脚本?

在Firebug中,您可以search一些文本,并将在页面上加载的所有脚本中查找它。 在debugging客户端脚本时,Chrome Developer工具也可以做到这一点吗? 我试了一下,但似乎只search我打开的脚本,而不是页面上的其余部分。

我希望下面的截图能够更好地了解我想要完成的工作: 替代文字

以下屏幕截图来自Firebug的单个search: 替代文字替代文字

在开发工具中通过以下方式打开一个新的search窗

  • 按下Ctrl + Shift + F (Mac上的Cmd + Option + F
  • 点击DevTools中的溢出菜单( DevTools溢出菜单
  • 点击控制台中的溢出菜单( )并selectsearch选项

您可以search所有脚本,支持正则expression式和区分大小写。

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

搜索所有文件 - 结果

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

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

用Control + Shift + F或控制台search所有文件 – > [Search tab]

在这里输入图像说明

注:全局search显示在CONSOLE菜单旁边

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

在这里输入图像说明