Google chrome extension 如何调试清单v3的chrome扩展服务工作程序?

Google chrome extension 如何调试清单v3的chrome扩展服务工作程序?,google-chrome-extension,chrome-canary,Google Chrome Extension,Chrome Canary,我正在chrome canary上试验chrome扩展清单v3,但找不到任何方法调试manifest.json中定义的服务工作者脚本。对于清单v2,在chrome://extensions/ 打开后台页面控制台的页面。是否有任何方法可以查看manifest v3服务工作者脚本中的日志 我正在使用清单v3服务工作者扩展的这个最小工作示例进行测试: 此调试页面上未提及任何内容: 两个迁移指南中也没有提及任何内容: 经过一番搜索后,我发现日志显示在页面控制台的“应用程序”下的“服务人员”部分。您必须运

我正在chrome canary上试验chrome扩展清单v3,但找不到任何方法调试manifest.json中定义的服务工作者脚本。对于清单v2,在chrome://extensions/ 打开后台页面控制台的页面。是否有任何方法可以查看manifest v3服务工作者脚本中的日志

我正在使用清单v3服务工作者扩展的这个最小工作示例进行测试:

此调试页面上未提及任何内容:

两个迁移指南中也没有提及任何内容:

经过一番搜索后,我发现日志显示在页面控制台的“应用程序”下的“服务人员”部分。您必须运行service worker,然后单击inspect查看service worker脚本生成的日志

我们在v2中编写manifest.json,如下所示:

{ ... 清单版本:2, 背景:{ 脚本:[background.js] }, ... } 但请参考Simeon Vincent,您应该在v3中这样编写清单

{ ... 清单版本:3, 背景:{ 服务人员:background.js } ... }
然后刷新扩展,您可以在上看到inspect view Service Workerchrome://extensions/,然后单击ServiceWorker链接打开DevTools并显示控制台。

我猜您正在查找扩展的内部ServiceWorker后端页面及其连接

您应该注意以下两个URL:

chrome://inspect/service-workers chrome://serviceworker-internals/?devtools 您可能还希望调试调试器,例如在扩展页中调试断点。 1.注册ServiceWorker列表普通+内部 chrome://inspect/service-workers

2.ServiceWorker活动活动连接/客户端、控制台日志等… chrome://serviceworker-internals/?devtools

3.检查DevTools延长件 选项A:从上下文菜单

打开扩展面板

打开上下文菜单并选择inspect

第二个DevTools实例打开

选项B:从扩展页

打开chrome://extensions

查找您的分机单击详细信息