我可以让 chrome-devtools 实际搜索所有 JS 源吗？

Posted 2023-03-07

技术标签:

【中文标题】我可以让 chrome-devtools 实际搜索所有 JS 源吗？【英文标题】：Can I get chrome-devtools to actually search all JS sources? 【发布时间】：2013-04-03 09:40:36 【问题描述】：

我在 chrome dev-tools 中搜索 JS 文件时遇到问题，过去是由 Ctrl+Shift+F 激活的搜索kbd> 总是找到我想要的，但最近（我不确定是哪个更新触发了这个）我发现搜索没有捕获

内联脚本标签中的JS

iframe 中的 JS。

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

【问题讨论】：

小心 - 接受的答案适用于 CTRL+SHIFT+F 并启用“在内容脚本中搜索”，但 Chrome 仅计算每行 1 个匹配项，即使任何给定行上有多个匹配项也是如此。使用缩小的 JS，您会经常看到这一点。我一直认为这是一个 Chrome 错误，直到我意识到如果你点击有问题的脚本并在那里按 CTRL+F，它会找到所有实例。好点！我发现 chrome 出现了一些不一致的行为，尤其是在升级之后，在这个“在内容脚本中搜索”设置和漂亮的打印缩小脚本之间，有时事情不能完美地工作 =( 实际上，有时 Chrome 根本找不到东西。它经常发生在我身上。例如，当我访问 band-aidbrandfirstaid.com/first-aid-how-to-videos 并搜索 _satellite.jwp.videos 的源时，我看不到任何结果。然而那个字符串是存在的 - screenshot 我似乎找不到其他人有这个问题。现在我使用 Firefox，它发现它很好。这确实很奇怪！我在我的 chrome 中尝试了相同的搜索并且效果很好（找到了 5 个匹配项）。您是否尝试过启用下面我的回答中提到的选项？框架也可以一直压到控制台窗口的底部（至少对我来说是这样）。将其向上拖动，以便您查看是否更好。 【参考方案1】：

Settings -> Preferences -> Sources 下有一个名为“在匿名和内容脚本中搜索”的选项。

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

【讨论】：

如果 Chrome 在执行 CTRL+SHIFT+F 时提示我们启用此选项会很好。我也不记得禁用它，但有一天它停止工作了。感谢您让我免于为此使用 Firefox！我很确定它之前在所有来源中搜索，但突然停止了！现在检查该选项它再次工作！谢谢我也有同样的经历，我大部分时间都喜欢 chrome，但有时会在更新后发现意外行为 =( 很高兴它现在又能正常工作了！在 Chrome 56 中，您将在 [DevTools 窗口右上角的 DevTools 菜单] -> Settings -> Preferences -> Sources -> "Search in content scripts" 下找到此选项（复选框位于底部）对我来说，在 Chrome 69 中，它现在被称为“在匿名和内容脚本中搜索”【参考方案2】：

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

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

【讨论】：

根据另一条评论，解释如何启用搜索可能很有用，即（来自另一个答案）“在 DevTools 常规设置中激活“在内容脚本中搜索”选项” 这已经过时了在当前版本的 Chrome 中，DevTools > Settings > Preferences > Sources "Search in anonymous and content scripts" 同意这已经过时了。也很高兴澄清应该在开发工具设置中的哪个位置启用它。【参考方案3】：