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

Posted 2023-03-07

【中文标题】我可以通过 Google Chrome 扩展程序以编程方式打开 devtools 吗？

【英文标题】：Can I programmatically open the devtools from a Google Chrome extension?

【发布时间】：2011-10-11 17:00:51

【问题描述】：

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

【问题讨论】：

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

这还是很不错的，不是吗 - 有更新吗？

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

见：***.com/questions/36311191/…

如果你和我一样好奇，当你点击扩展页面上的“背景页面”链接时，Chrome 使用什么自己打开开发工具，它是chrome.developerPrivate.openDevTools()

【参考方案1】：

也许，扩展程序可以启动 Selenium 脚本，您可以像这样使用“send_keys()”函数：

ActionChains(driver).key_down(Keys.CONTROL).key_down(Keys.SHIFT).\
            send_keys('J').key_up(Keys.CONTROL).key_up(Keys.SHIFT).perform()

...因为“Ctrl+Shift+J”是打开开发工具的默认键绑定（截至 2021 年 7 月 8 日）

【讨论】：

能否提供有关此以及如何使用这些脚本的更多详细信息？

@emvaized 肯定的，很抱歉刚刚看到这个等待； selenium-python.readthedocs.io/index.html

【参考方案2】：

侧边扩展并非不可能，但如果是因为您厌倦了每次点击 Ctrl + Shift + I - 您只需打开所需页面上的右键菜单并选择“检查”它会像扩展按钮一样打开控制台，而且你不需要每次需要时都搜索它的图标，这比使用扩展更方便。

【参考方案3】：

大家可以试试

chrome.developerPrivate.openDevTools

【参考方案4】：

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

【讨论】：

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

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

这不能回答问题。 devtools.* API 用于构建开发人员工具的扩展。他们没有提供以编程方式启动它的方法。问题是如何以编程方式执行此操作，因此“只需单击右键”不是答案。

【参考方案5】：

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

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

它说： “我们只允许显式打开开发工具。”

【参考方案6】：

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

【讨论】：

不过，值得注意的是，如果你有决心，可以host these outside of the extensions gallery。虽然这意味着用户还必须使用dev channel 并启用Experimental Extension APIs flag。

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

@Rob W，没有注意到 chrome.devtools.* API 已超出实验 API。

【参考方案7】：

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

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