Chrome扩展能否直接与当前调试页面注册的Service Worker通信？

针对你提出的Chrome扩展与调试页面关联的Service Worker（SW）直接通信的需求，以下是几个实用方案：

方案1：向目标Service Worker注入扩展脚本 #

Chrome的chrome.scripting API支持直接向网站的Service Worker注入脚本，这是最直接的通信方式之一：

• 步骤：
  1. 在扩展清单中声明scripting权限，以及目标网站的host_permissions。
  2. 通过chrome.tabs.query获取目标页面信息，再结合navigator.serviceWorker.getRegistration（需注入页面脚本执行）拿到关联的SW注册实例，提取其ID。
  3. 使用chrome.scripting.executeScript，指定target的targetId为SW的ID，同时设置world: 'MAIN'确保脚本注入到SW的上下文。
  4. 注入的脚本可直接访问SW内部的指标数据，再通过chrome.runtime.sendMessage将数据发送到扩展背景脚本，最终转发到DevTools面板。
• 优点：无需页面作为中间层，通信效率高，直接对接SW上下文。
• 注意：需Chrome 95+版本支持该API的SW注入能力，且扩展必须拥有对应网站的权限。

方案2：优化页面中转的通信机制 #

如果暂时无法使用方案1，可以优化现有的页面中转方式来提升效率：

• 改用BroadcastChannel替代单次postMessage：在SW中创建BroadcastChannel发送指标数据流，注入到页面的脚本监听该频道，再将数据转发到扩展。广播频道支持持续消息流，减少重复绑定开销。
• 建立持久化长连接：在页面脚本和扩展背景脚本之间使用chrome.runtime.connect建立长连接，避免每次发送消息都创建新链路，提升高频数据传输效率。

方案3：利用Chrome Debugger API的稳定命令集 #

虽然实验性SW相关CDP命令无法在稳定版Chrome的扩展中使用，但可以通过稳定CDP命令间接获取SW数据：

• 步骤：
  1. 通过chrome.debugger.attach连接到目标页面。
  2. 使用Target.getTargets获取所有关联目标，筛选出类型为service_worker的目标ID。
  3. 通过Target.attachToTarget连接到该SW目标，发送Runtime.evaluate命令执行代码，获取SW内部指标数据。
  4. 将执行结果通过调试器回调传递回扩展，再处理展示。
• 优点：无需修改SW或页面代码，适合无法注入脚本的场景。
• 注意：需扩展声明debugger权限，且该方式依赖CDP稳定命令，部分敏感数据可能受上下文限制。

内容的提问来源于stack exchange，提问作者jimousse