如何在 Chrome 开发者工具中搜索所有加载的脚本？答案

【问题标题】：How to search all loaded scripts in Chrome Developer Tools?如何在 Chrome 开发者工具中搜索所有加载的脚本？
【发布时间】：2011-05-07 21:54:24
【问题描述】：

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

我希望接下来的屏幕截图可以更好地了解我要完成的工作：

以下屏幕截图来自 Firebug 中的一次搜索：

【问题讨论】：

顺便说一句，如果您使用 Source Maps（例如使用 GWT Super Dev 模式），您可以按名称搜索映射的 .java 文件...在来源选项卡。
我可以建议将接受的答案更改为 vsevik 的吗？它更有可能对今天的读者有用。
很高兴！得到了这个问题的完美答案，但在网络响应中搜索不可用，就像在 Firebug 中一样，现在甚至在 firefox 中也不可用
在 Google Dev Tools 中使用“转到文件”（一个灵活而有用的工具，可以搜索你的函数名、CSS 中的类名……）。 How to use Go to file in Google Chrome DevTools

【解决方案1】：

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

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

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

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

【讨论】：

Control+Shift+F 非常有用，但不会返回所有命中，尤其是 iframe 中的脚本。
如果 Control+Shift+F 是要走的路，那么上面的搜索框完全是误导。其次，搜索和搜寻 UI 工作流程非常糟糕。你能在那个狭小的区域里真正适应多少？为什么不像FF那样做呢？
效果很好，但比 FF 花费的时间要长得多。 Chrome 开发工具还需要很多改进... =(
确保开发者工具在它自己的窗口中，如果 DT 停靠在主窗口，命令 Ctrl + Shift + F 不会拉起搜索源，而是运行默认搜索。
我不得不用谷歌搜索这个事实说明了很多关于 Chrome 开发工具的用户体验。

【解决方案2】：

使用 Control+Shift+F 或控制台搜索所有文件->[搜索选项卡]

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

【讨论】：

【解决方案3】：

除了Ctrl+Shift+F（Cmd+Option +F 在 Mac 上）如this answer 中的建议，您可以右键单击源选项卡中的顶部树节点并选择“在所有文件中搜索”：

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

在 2018 年 10 月 26 日的最新版 Chrome 中，评分最高的答案不再有效，具体做法如下：

【讨论】：

【解决方案6】：

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

【讨论】：

【解决方案7】：

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

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

【讨论】：