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

171

我在chrome dev-tools中搜索JS文件时遇到了麻烦，过去由Ctrl+ Shift+ 激活的搜索F总是找到了我想要的东西，但是最近（我不确定是哪个更新触发了此问题），我正在寻找搜索不成功

内联脚本标签中的JS
iframe中的JS。

我还发现，当涉及到内联脚本时，调用堆栈会变得混乱，但是当我尝试使用google搜索这些问题时，我只得到了dev-tools文档页面，还有其他人注意到这些问题吗？我只是在想像这可行吗？

javascript google-chrome-devtools

4

请注意-可接受的答案在CTRL + SHIFT + F且启用了“在内容脚本中搜索”的情况下有效，但是Chrome即使每行有多个匹配项，每行也仅计算1个匹配项。使用小型JS，您会经常看到这种情况。我一直以为这是一个Chrome错误，直到我意识到如果单击有问题的脚本并在其中按CTRL + F，它将找到所有实例。

— JD Smith

好点！我发现chrome出现了一些不一致的行为，尤其是在升级后，这种“搜索内容脚本”设置与漂亮的打印缩小的脚本之间，有时候事情不能完美运行=（

— David McMullin 2014年

1

实际上，有时Chrome根本找不到任何东西。它经常发生在我身上。例如，当我访问band-aidbrandfirstaid.com/first-aid-how-to-videos并在源中搜索_satellite.jwp.videos时，看不到任何结果。但是该字符串存在- 屏幕快照我似乎找不到其他人遇到此问题。现在，我使用Firefox，它发现还不错。

— JD Smith

确实很好奇！我在chrome中尝试了相同的搜索，但效果很好（找到了5个匹配项）。您是否尝试过启用下面我的答案中提到的选项？

— David McMullin 2014年

2

框架也可以一直压到控制台窗口的底部（至少对我来说是如此）。将其向上拖动，以便查看效果是否更好。

— 艾默里·拉平斯基

170

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

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

— 贾里德威利
source

5

根据另一条评论，可能有必要解释如何启用搜索，即（从另一个答案中）“激活DevTools常规设置中的'在内容脚本中搜索'选项”

— samneric

3

这已经过时了

— -cdeutsch

8

在当前版本的Chrome中，DevTools>设置>首选项>源“搜索匿名和内容脚本”

— Mark Hansen

同意这已过时。澄清在“开发工具设置”中的哪个位置也应启用。

— Max MacLeod

44

在花了一些时间适当地表达问题之后，似乎总是很容易找到答案...

我在“常规”->“源”下找到了一个名为“在内容脚本中搜索”的选项。我不确定如何/何时禁用此功能，但是启用它并重新启动chrome可以解决我的所有问题。

— 戴维·麦克马林
source

1

如果Chrome在执行CTRL + SHIFT + F时提示我们启用此选项，那就太好了。我也不记得禁用它，但是有一天它停止了工作。感谢您让我免于为此目的使用Firefox！

— JD Smith

我很确定它之前在所有来源中进行搜索，但是突然停止了！现在通过检查该选项，它可以再次工作！谢谢

— Bakhshi 2014年

我有完全相同的经历，我大部分时间都喜欢chrome，但是有时更新后会发现意外的行为=（很高兴它现在又可以正常工作！

— David McMullin 2014年

5

在Chrome 56中，您可以在[DevTools窗口右上方的[DevTools]菜单]->设置->首选项->源->“在内容脚本中搜索”（位于底部的复选框）下找到此选项

— 克里斯

6

对我来说，在Chrome 69中，它现在称为“搜索匿名和内容脚本”

— Jono，

35

旧版本的DevTools

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

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

例如：

Google Chrome-内容脚本-在源代码中搜索

如果在“ DevTools”面板的底部没有“ 搜索”选项卡，请单击三点图标以将其打开。

— Kenorb
source

1

对于我来说，我必须扩展包含搜索结果的面板。

— Enu.Fouad

8

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

按F12打开开发人员工具
单击开发人员工具栏右侧的垂直省略号以打开其选项
点击“更多工具”
点击“搜索”

— 帕特里克·S
source

5

如果仍然无法使用，请检查您的chrome是否安装了该扩展程序：

填写表格：https：//chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo？hl = zh-CN

CTRL + SHIFT + F仍然不适合我，但后来我发现Chrome扩展名“ Form Filler”正在覆盖控制台命令中的“ search all”

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

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

然后Chrome搜索控制台中的命令CTRL + SHIFT + F再次起作用

— Xavave
source

4

在最新版本中，即使启用了“在匿名和内容脚本中搜索”，CTRL + SHIFT + F也无法正常工作。

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

2）您将看到所需的搜索选项。

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

— 阿查尔·古普塔（Achal Gupta）
source

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

最新版本的DevTools

旧版本的DevTools