我能让chrome-devtools搜索所有的JS源代码吗?

我在chrome dev-tools中搜索JS文件时遇到了麻烦，过去由Ctrl+转变+F激活的搜索总是找到我想要的，但最近(我不确定究竟是哪个更新触发了这个)我发现搜索没有捕捉到

  • JS在内联脚本标签

  • JS在iframes中。

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

126445 次浏览
小开
最佳答案

在设置→偏好→来源下有一个选项叫做“匿名和内容脚本搜索”。

我不知道如何/何时我禁用了这一点，但启用它和重新启动chrome已经解决了我所有的问题。

小开

是的，如果你想在内容源中搜索，这些内容源是扩展和内部浏览器API使用的脚本，你可以在DevTools的设置中启用它，然后从DevTools的任何面板中输入Ctrl + 转变 + F或(在Mac上)选项 + 命令 + F(⌘F)来搜索所有源、代码段和文件。

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

小开

DevTools的最新版本

单击DevTool底座右侧的三点图标，并选择搜索。

或者在使用DevTools (控制-转变-我)时，点击:控制-转变-F。

DevTools Dock menu

DevTools的旧版本

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

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

例如:

谷歌Chrome -内容脚本-搜索源

如果你在DevTools面板底部没有搜索选项卡，点击三点图标打开它。

Chrome/Chromium - DevTools Search in source code files

小开

如果它仍然不工作，检查这个扩展是否安装在你的chrome:

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

CTRL+SHIFT+F仍然不能为我工作，但后来我发现chrome扩展“填充物”覆盖了控制台命令中的“搜索全部”

要改变这个:去url——> chrome://extensions/

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

然后命令CTRL+SHIFT+F在chrome搜索控制台再次工作

小开

我也面临着同样的问题，CTRL+SHIFT+F不能再工作了。

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

enter image description here

小开

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

< >强劲的步骤 1)你需要点击开发工具右上方或左下方的三个编辑。 enter image description here < / p >

2)你会看到一个搜索选项，这是你想要的。

搜索选项卡也出现在底部。所以它可能不可见，所以你必须向上拖动标签。 enter image description here < / p >

提交答案