我可以通过Google Chrome扩展程序以编程方式打开devtools吗？

87

我有一个chrome扩展程序，它可以连接到devtools中。理想情况下，我想要一个徽章，单击该徽章可在我创建的新选项卡上打开devtools。有什么方法可以从后台页面执行此操作吗？

javascript google-chrome-extension google-chrome-devtools

— 保罗·尼科尔斯
source

在哪里可以找到问题的答案？

— GeorgeU 2011年

1

这仍然是非常不错的，不是吗？有任何更新吗？

— 2012年

我已经在此处发布了（但将添加赏金）一个相关但略有不同的问题：stackoverflow.com/questions/16660325/…–

— ELLIOTTCABLE

请参阅：stackoverflow.com/questions/36311191/...

— 迈克尔·巴克

2

如果您像我一样好奇，当您单击扩展页面上的“背景页面”链接时，Chrome会使用什么自身来打开devtools，它是chrome.developerPrivate.openDevTools()

— felixfbecker

27

这似乎不太可能实现，甚至不可能实现，

检查以下内容：https : //code.google.com/p/chromium/issues/detail?id=112277

它说：“我们只允许显式打开devtools。”

— 洛克希斯克
source

6

是的，您可以（也可以不）使用实验性API chrome.experimental.webInspector。
http://code.google.com/chrome/extensions/experimental.html
您甚至可以更改其内容和面板。
请注意，您将无法提交使用实验性API的扩展程序。

— 德里克·朕会功夫
source

但是，值得注意的是，如果确定的话，可以在扩展程序库外部托管这些文件。尽管这意味着用户还必须使用dev通道并启用Experimental Extension APIs标志。

— 阿拉斯戴尔

19

experimental.webInspector现在称为chrome.experimental.devtools。一些API不再具有实验性，它们列在下chrome.devtools。不幸的是，无法通过Chrome扩展程序自动打开开发工具。

— 罗布W

@Rob W，没有注意到chrome.devtools.*API已不在实验API的范围内。

— Derek朕会功夫2012年

2

不幸的是，没有办法...

chrome：// chromewebdata链接仅在已打开开发工具实例的情况下有效...

— 克里斯多夫·克里斯蒂安
source

2

这已经很老了，但是由于我偶然发现了它，因此现在我寻找其他人可能也有解决方案。从Chrome 28开始，您可以使用devtools。* API。这使您可以打开和操作DevTools面板。也不再是实验性的。

— 最终切入的猫
source

您还记得使用什么方法从后台脚本中以编程方式打开devtools吗？所有其他答案（来自stackoverflow）似乎表明这是不可能的……

— Sentero-esp12

@ Sentero-esp12只需在所需页面上单击右键，然后从中选择“检查”）

— Acuna

1

一个可以尝试

chrome.developerPrivate.openDevTools

— 蓝皮
source

0

侧面延伸并非不可能，但如果原因是您一次又一次地按Ctrl + Shift + I，则很容易-您只需在所需页面上打开右键按钮菜单，然后从中选择“检查”即可会像扩展按钮一样打开控制台，也不需要每次都需要搜索它的图标，这比使用扩展更方便。

— una科
source