在 chrome 扩展清单中添加 Service Worker 节点后，ExtensionSidebarPane 停止显示-解网

问：

我尝试在 chrome 扩展程序中添加 service worker。ExtensionSidebarPane 停止工作。我希望 Service Worker 和 ExtensionSidebarPane 同时在一起，但添加 Service Worker 会破坏 ExtensionSidebarPane。我提供了我在此扩展中使用的所有详细信息和代码，这些扩展按文件夹结构划分。

这是chrome扩展的文件夹结构

TEST-EXTENSION
│   manifest.json
│   ServiceWorker.js
│   
└─── devtools
        devtools.html
        devtools.js
        main.html

以下是包含Manifest.json的每个文件的示例

{
    "name": "Sample 1",
    "short_name": "Sample 1",
    "version": "0.0.1",
    "manifest_version": 3,
    "description": "Test Extesnion",
    "devtools_page": "devtools/devtools.html",
    "permissions": ["scripting", "activeTab", "offscreen"],
    "minimum_chrome_version": "88",
    "background": {
     "service_worker": "ServiceWorker.js"
    }
}

服务工作者 .js

console.log('background service worker Loaded!');

开发工具：.html

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

开发工具 .js

chrome.devtools.panels.elements.createSidebarPane('Sample', function (sidebar) {
  sidebar.setPage('/devtools/main.html');
  sidebar.setHeight('300px');
});

主 .html

<!DOCTYPE html>
<html lang="en">
  <body>
    <h1>Hello, This test project is working !!!</h1>
  </body>
</html>

Chrome 版本

当我从清单文件中删除此 Service Worker 行时

"background": {
    "service_worker": "ServiceWorker.js"
}

ExtensionSidebarPane 正常可见且正常工作。但是当我添加服务工作者配置 ExtensionSidebarPane 时，停止显示在检查窗口中。我认为它可能与chrome更新有关，因为在我更新chrome浏览器之前它工作正常。从清单中删除 Service Worker 后

我做错了什么吗？？先谢谢你。

javascript google-chrome-extension google-chrome-devtools

在 chrome 扩展清单中添加 Service Worker 节点后，ExtensionSidebarPane 停止显示

After adding service worker node in chrome extension manifest ExtensionSidebarPane is stop showing

评论