如何在Chrome开发者工具中搜索所有JavaScript源？

Question

我在 chrome 开发工具中搜索 JS 文件时遇到问题，过去通过 Ctrl+Shift+F 激活的搜索总是能找到我想要的东西，但最近（我不确定）哪个更新触发了这个）我发现搜索没有捕获

• 内联脚本标签中的 JS

• iframe 内的 JS。

我还发现，当涉及内联脚本时，调用堆栈会变得混乱，但是当我尝试用谷歌搜索这些问题时，我只是得到了开发工具文档页面，还有其他人注意到这些问题吗？我只是想象这之前有效吗？

Answer 1

是的，如果您想在扩展程序和内部浏览器 API 使用的脚本内容源中进行搜索，您可以在 DevTools 的“设置”中启用它，然后从 DevTools 中的任何面板中输入 Ctrl + Shift + F 或（在 Mac 上）Options + Command + F (⌥⌘F) 可搜索所有源、代码片段和文件。

对您可能需要的东西更有帮助的是在“设置”齿轮中设置一个工作区，您可以将其映射到文件的本地目录，这些文件将在源文件浏览器侧栏中可用，也可以使用上述快捷方式进行搜索。

Answer 2

设置 -> 首选项 -> 来源下有一个选项，称为“在匿名和内容脚本中搜索”。

我不确定如何/何时禁用此功能，但启用它并重新启动 chrome 已经解决了我的所有问题。

Answer 3

最新版本的开发工具

单击 DevTool 停靠栏右侧的三点图标，然后选择 Search。

或者在使用 DevTools 时按下：Control-Shift-F（Control-Shift-I）。

---

旧版本的DevTools

激活 DevTools 常规设置中的“在内容脚本中搜索”选项。它将允许搜索内容脚本。

然后在DevTools面板中您可以在面板底部搜索源文件。

例如：

---

如果您在 DevTools 面板底部没有 Search 选项卡，请单击三点图标将其打开。

Answer 4

我遇到了同样的问题 CTRL+SHIFT+F 不再起作用。

1. 按f12打开开发者工具
2. 点击开发者工具栏右侧的垂直省略号 打开它的选项
3. 点击“更多工具”
4. 点击“搜索”

Answer 5

在最新版本中，即使启用“在匿名和内容脚本中搜索”后，CTRL+SHIFT+F 也不再起作用。

步骤 1）您需要单击开发工具右上角或左下角的三个编辑。

2）您将看到您想要的搜索选项。

3）搜索选项卡也位于底部。因此它可能不可见，因此您可能必须向上拖动选项卡。

Answer 6

如果仍然无法正常工作，请检查您的 chrome 中是否安装了此扩展程序：

表单填充器：https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=en

CTRL+SHIFT+F 仍然对我不起作用，但后来我发现 chrome 扩展“Form Filler”覆盖了控制台命令中的“搜索全部”

要更改此设置：转到 url --> chrome://extensions/

然后转到右下角：键盘快捷键，您可以更改 + CTRL+SHIFT+F 命令来填充表单

然后 chrome 搜索控制台中的命令 CTRL+SHIFT+F 又起作用了