Chrome扩展无报错但控制台无输出，如何排查WebRequest监听问题？

我正在开发一个监控DevTools网络面板XHR请求的Chrome扩展，采用Manifest V3版本。编写了background.js监听webRequest.onCompleted事件，加载扩展时无报错，但控制台没有任何输出。以下是我的manifest.json和background.js代码，请问问题出在哪里？

manifest.json:

{
"manifest_version": 3,
"version": "1.0",
"name": "Hello World!",
"description": "Learning how to make a chrome extension!",
"icons": {
    "16": "images/puppy16.png",
    "48": "images/puppy48.png",
    "128": "images/puppy128.png"
},
"action": {
    "default_icon": "images/puppy.png",
    "default_popup": "popup.html"
},
"background": {
    "service_worker": "background.js"
},
"host_permissions": [
    "https://yahoo.com/*"
],
"permissions": [
    "webRequest"
]
}

background.js:

(function () {

    chrome.webRequest.onCompleted.addListener(
        function (details) {
            console.log('HELLO THERE!!!!', details);
        },
        { urls: ["<all_urls>"] }
    );

}());

• 权限范围不匹配：Manifest V3中webRequest的监听范围受限于host_permissions。你在host_permissions仅声明了https://yahoo.com/*，但background.js里监听的是<all_urls>，导致除yahoo.com外的请求无法触发监听。解决方法：要么把host_permissions改为"<all_urls>"，要么把监听配置的urls改成["https://yahoo.com/*"]，确保两者范围一致。
• 控制台打开位置错误：Manifest V3的后台逻辑运行在Service Worker中，它的控制台不是网页或扩展弹窗的控制台。需要进入Chrome扩展管理页面，找到你的扩展，点击「服务工作者」下方的「检查」按钮，才能查看background.js的输出。
• 未过滤请求类型：如果目标是监控XHR请求，需要在监听选项中添加types: ["xmlhttprequest"]，否则会监听所有类型的网络请求，可能测试时未触发符合条件的请求。修改后的监听代码示例：

chrome.webRequest.onCompleted.addListener(
    function (details) {
        console.log('HELLO THERE!!!!', details);
    },
    { urls: ["https://yahoo.com/*"], types: ["xmlhttprequest"] }
);

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