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

IT技术 javascript google-chrome-extension google-chrome-devtools
2021-01-17 10:16:48

我有一个连接到 devtools 的 chrome 扩展。理想情况下，我想要一个徽章，单击时会在我创建的新选项卡上打开 devtools。有没有办法从后台页面做到这一点？

6个回答

这似乎不太可能或将永远成为可能，

检查这个：https : //code.google.com/p/chromium/issues/detail?id=112277

上面写着：“我们只允许显式的 devtools 打开。”

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

@Rob W，没有注意到chrome.devtools.*API 已经超出了实验 API。
2021-03-18 10:16:48
但是，值得注意的是，如果您下定决心，您可以在扩展程序库之外托管这些。尽管这意味着用户还必须使用开发频道并启用实验扩展 API 标志。
2021-03-24 10:16:48
experimental.webInspector现在称为chrome.experimental.devtools. 一些 API 不再是实验性的，它们列在chrome.devtools. 不幸的是，无法通过 Chrome 扩展程序自动打开开发工具。
2021-03-24 10:16:48

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

这不能回答问题。devtools.* API 用于构建开发人员工具的扩展。他们不提供以编程方式启动它的方法。问题是如何以编程方式执行此操作，因此“只需单击右键”不是答案。
2021-03-19 10:16:48
您还记得使用什么方法从后台脚本中以编程方式打开 devtools 吗？所有其他答案（来自stackoverflow）似乎都表明这是不可能的......
2021-03-24 10:16:48
@Sentero-esp12 只需在所需页面上单击右键并从中选择“检查”）
2021-03-25 10:16:48

不幸的是，没有办法做到这一点......

chrome://chromewebdata 链接仅在开发工具实例已打开时才有效...

一个可以尝试

chrome.developerPrivate.openDevTools

其它你可能感兴趣的问题
上一篇不区分大小写的 XPath contains() 可能吗？ 下一篇JavaScript 关联数组到 JSON