Chrome扩展新标签页跳转链接监听器失效问题求助

1. 修正manifest.json配置错误 #

你的manifest.json存在两处关键问题：

• Manifest V3中background的配置格式错误，正确写法是将service_worker作为background对象的直接属性，而非嵌套的background.service_worker结构。
• 错误地将弹窗脚本popup.js指定为后台Service Worker——弹窗脚本仅在点击扩展图标打开弹窗时运行，无法监听全局的标签页创建事件。

修正后的manifest.json：

{
  "name": "Insert Name Here",
  "description": "Insert description here",
  "version": "1.0",
  "manifest_version": 3,
  "action": {
    "default_icon": "icon.png",
    "default_popup": "hello.html"
  },
  "background": {
    "service_worker": "background.js"
  },
  "permissions": [
    "tabs"
  ],
  "host_permissions": [
    "https://www.youtube.com/*"
  ]
}

2. 迁移监听代码到后台脚本 #

创建background.js文件，将标签页监听逻辑移至此处（原popup.js仅保留弹窗相关逻辑即可），同时修正代码中的错误：

• WINDOW_ID_CURRENT是窗口ID常量，不能作为tabId参数使用，应使用onCreated回调返回的tab对象的id属性。
• URL中的*属于多余字符，直接填写目标链接即可；增加空白页判断，仅针对默认新标签页跳转，避免干扰其他正常标签页。

修正后的background.js：

chrome.tabs.onCreated.addListener((tab) => {
  // 仅对空白新标签页执行跳转
  if (tab.url === 'chrome://newtab/' || tab.url === 'about:blank') {
    chrome.tabs.update(tab.id, {
      url: "https://www.youtube.com"
    });
  }
});

3. 扩展重新加载与测试 #

1. 打开Chrome扩展管理页面（chrome://extensions/）
2. 开启「开发者模式」
3. 点击扩展卡片上的「重新加载」按钮
4. 打开新标签页，即可自动跳转至YouTube

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