google-chrome-extension - 如何为 manifest v3 调试 chrome 扩展服务工作线程？

Question

我正在试验 chrome 扩展 list v3(在 chrome canary 上)，但找不到任何方法来调试 manifest.json 中定义的 service worker 脚本。对于 manifest v2，chrome://extensions/页面上有一个链接，可以打开后台页面控制台。有没有办法在 manifest v3 服务 worker 脚本中查看日志？
我正在使用这个 list v3 服务 worker 扩展的最小工作示例进行测试:https://gist.github.com/dotproto/3a328d6b187621b445499ba503599dc0 .
这个调试页面没有提到:https://developer.chrome.com/apps/tut_debugging
两个迁移指南中也没有提到任何内容:
https://developer.chrome.com/extensions/migrating_to_manifest_v3
https://developer.chrome.com/extensions/migrating_to_service_workers

Answer 1

我猜您正在寻找 内部 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:从上下文菜单

打开扩展面板

开通 contextmenu并选择 inspect

第二个 DevTools 实例打开

选项 B:从扩展页面

开通 chrome://extensions

找到您的扩展程序点击“详细信息”