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

Dav*_*lin 135 javascript google-chrome-devtools

我在使用chrome dev-tools搜索JS文件时遇到了麻烦,过去通过Ctrl + shift + f激活的搜索总能找到我想要的东西,但最近(我不确定究竟哪个更新触发了这个)我'我发现搜索没有抓住

  • JS内联脚本标记

  • 在iframe中的JS.

我还发现当涉及内联脚本时,callstack搞砸了,但是当我试图谷歌解决这些问题时,我只是得到dev-tools文档页面,还有其他人注意到这些问题吗?我以前想象过这个吗?

jar*_*lli 131

是的,如果你想在扩展和内部浏览器API使用的脚本内容源中搜索,你可以在DevTools的设置中启用它,然后在DevTools的任何面板中你可以输入Ctrl + Shift + F或(在Mac上)Option + Command + F(⌥⌘F)可搜索所有来源,代码段和文件.

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

  • 根据另一条评论,解释如何启用搜索可能是有用的,即(来自另一个答案)"在DevTools常规设置中激活'内容脚本中的搜索'选项" (4认同)
  • 这个已经过期了 (3认同)
  • 在当前版本的Chrome中,DevTools>设置>首选项>源“在匿名和内容脚本中搜索” (2认同)

Dav*_*lin 40

在您花时间恰当地表达问题之后,似乎总是更容易找到答案.

我在General - > Sources下找到了一个名为"在内容脚本中搜索"的选项.我不确定如何/何时禁用此功能但启用它并重新启动chrome已解决了我的所有问题.

  • 在Chrome 56中,您可以在DevTools窗口右上角的[DevTools菜单] - >设置 - >首选项 - >源 - >"在内容脚本中搜索"(最底部的复选框)下找到此选项 (5认同)
  • 对我来说,在Chrome 69中,它现在称为“搜索匿名和内容脚本” (4认同)
  • 如果 Chrome 在执行 CTRL+SHIFT+F 时提示我们启用此选项,那就太好了。我也不记得禁用它,但有一天它停止工作。感谢您让我免于为此目的使用 Firefox! (2认同)

ken*_*orb 26

DevTools的最新版本

单击DevTool dock右侧的三点图标,然后选择Search.

或者只是点击:Control- Shift- F使用DevTools(Control- Shift- I).

DevTools Dock菜单


较旧版本的DevTools

在DevTools常规设置中激活" 在内容脚本中搜索 "选项.它将允许内容脚本可搜索.

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

例如:

谷歌浏览器 - 内容脚本 - 在源代码中搜索


如果DevTools面板底部没有" 搜索"选项卡,请单击三点图标将其打开.

Chrome/Chromium  -  DevTools搜索源代码文件


小智 6

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

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

在此处输入图片说明


Ach*_*pta 6

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

步骤 1) 您需要单击开发工具右上角或左下角的三个编辑。 在此处输入图片说明

2)您将看到一个搜索选项,这是您想要的。

3) 搜索标签也出现在底部。所以它可能不可见,所以你可能需要向上拖动标签在此处输入图片说明


小智 5

如果它仍然无效,请检查您的Chrome中是否安装了此扩展程序:

表格填写:https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl = en

CTRL + SHIFT + F仍然没有为我工作,但后来我发现chrome扩展"Form Filler"覆盖了控制台命令中的"搜索全部"

要改变这个:转到网址 - > chrome:// extensions /

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

那么chrome搜索控制台中的命令CTRL + SHIFT + F再次起作用