Chrome扩展Service Worker控制台无输出，监控XHR请求遇阻求助

你的问题主要出在权限不匹配、监听配置缺失以及对Chrome扩展v3的Service Worker特性不熟悉，具体修正如下：

1. 权限范围不匹配 #

你在background.js中监听了全量URL（<all_urls>），但manifest.json的host_permissions仅声明了https://cnn.com/*，权限范围不匹配导致监听逻辑无法生效。

需将host_permissions修改为与监听URL一致的范围，比如全量监控就改成：

"host_permissions": [
    "<all_urls>"
]

2. 缺少XHR请求过滤（精准监控） #

当前监听会捕获所有类型的网络请求，若仅需监控XHR，需添加types过滤条件；同时Chrome扩展v3要求webRequest的监听需明确传入extraInfoSpec参数（即使不需要额外信息，也需传空数组）。

修改后的background.js：

(function () {
    chrome.webRequest.onCompleted.addListener(
        function (details) {
            console.log('XHR请求完成:', details);
        },
        { urls: ["<all_urls>"], types: ["xmlhttprequest"] },
        []
    );
}());

3. Service Worker生命周期问题 #

Chrome v3的后台Service Worker会在闲置时自动休眠，若未触发匹配的请求或交互，它可能未启动监听逻辑。测试时需：

• 重新加载扩展后，打开Service Worker控制台（扩展详情页→Service Worker→检查）
• 访问有权限的网站，触发XHR请求（比如知乎、B站等站点）
• 此时控制台即可看到对应输出

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