456

在 Firebug 中,您可以搜索一些文本,它会在页面上加载的所有脚本中查找它。在调试客户端脚本时可以在 Chrome 开发者工具中做同样的事情吗?我试过了,但它似乎只在我打开的脚本中搜索,而不是页面上的其余部分。

我希望下一个屏幕截图可以更好地了解我要完成的工作: 替代文字

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

4

7 回答 7

702

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

  • Ctrl+ Shift+ F(在 mac 上为Cmd+ Option+ )I
  • 单击溢出菜单 (⋮</kbd>) in DevTools, DevTools overflow menu
  • 单击控制台中的溢出菜单 (⋮</kbd>) and choosing the Search option

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

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

搜索所有文件 - 结果

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

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

于 2011-11-01T17:19:35.613 回答
16

使用 Control+Shift+F 或 Console->[Search tab] 搜索所有文件

在此处输入图像描述

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

于 2015-08-31T03:54:42.117 回答
11

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

在此处输入图像描述

于 2016-12-22T19:30:25.313 回答
0

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

于 2018-03-08T14:51:40.610 回答
0

在截至 2018 年 10 月 26 日的最新 Chrome 中,评价最高的答案不再有效,它是如何完成的: 在此处输入图像描述

在此处输入图像描述

于 2018-10-26T21:32:41.897 回答
0

在寡妇中,它对我有用。控制 Shift F 然后它会在底部打开一个搜索窗口。确保展开底部区域以查看新的搜索窗口。

在此处输入图像描述

于 2018-11-16T16:35:06.227 回答
0

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

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

于 2019-08-08T09:33:48.453 回答