在Chrome扩展内容脚本中使用`chrome.devtools.panels.create()`

Question

我把它放在一个内容脚本中：

  chrome.devtools.panels.create('Suman Extension Page Controls',
  'icon.png',
  'devtools-panel.html',
  function (panel) {
    console.log('my devtools panel.');

  });

但是，我得到了以下错误：

未定义的TypeError:无法读取未定义的属性“面板”

我尝试将"devtools“添加到我的manifest.json文件中的权限数组中，但这是不允许的。

有办法从内容脚本中使用devtools API吗？如何在随机网页上动态地向DevTools添加面板？

Answer 1

在内容脚本和文档中使用它是不正确的

API模块只对加载在DevTools窗口中的页面可用。内容脚本和其他扩展页没有这些APIs。

您需要创建单独的html文件，然后将其设置为manifest中的devtools_page属性。然后，您可以在这个html文件中加载脚本并从这里创建面板。

扩展的一个很好的例子就是这样做- 工具。