javascript - 添加的开发工具面板的预期 HTML 内容未显示

问题描述

我正在尝试使用我的 Chrome 扩展程序添加一个新的 devtools 面板。我添加并能够devtools_page向manifest.jsonDevtools 添加一个新面板，但我看不到 HTML 内容。打开面板时，我只看到这个。

清单.json

"devtools_page": "devtools.html",

开发工具.html

<!DOCTYPE html>
<html>
  <head>
    <script src="./devtools/devtools.js"></script>
  </head>
  <body></body>
</html>

开发工具.js

chrome.devtools.panels.create(
    "Demo panel",
    "panel.png",
    "demo_panel.html",
    function (panel) {
      console.log("Panel created: ", panel);
    }
);

文件夹结构如下。

如何显示Demo Paneldemo_panel.html面板下的 HTML 内容？感谢所有有用的答案。

标签： javascripthtmlgoogle-chrome-extensiongoogle-chrome-devtools

javascript - 添加的开发工具面板的预期 HTML 内容未显示

问题描述

解决方案

推荐阅读