为什么点击Chrome扩展操作图标时chrome.action.onClicked.addListener不生效

问题原因 #

你遇到的是Chrome扩展Manifest V3的常见配置冲突和日志查看误区，核心有两个可能的诱因：

1. 存在popup配置导致chrome.action.onClicked被拦截：如果扩展的action配置里指定了default_popup，点击扩展图标时只会弹出popup页面，不会触发onClicked监听事件。你当前manifest的web_accessible_resources里声明了popup.html，大概率是你用的打包脚手架自动给action字段注入了default_popup: "popup.html"配置，覆盖了你原来的设置。
2. 日志查看路径错误：Manifest V3的background是运行在独立的Service Worker线程里，普通网页的F12控制台、popup页面的控制台都看不到它的输出，需要单独打开Service Worker专属控制台。

解决步骤 #

• 第一步：检查manifest的action配置，删除default_popup字段
  你可以直接在manifest的action里显式清空popup配置，避免脚手架自动注入：

  "action": {
    "default_title": "Click to show an alert",
    "default_popup": ""
  }
  

  配置后重新加载扩展，确认扩展详情页的「操作」栏没有显示弹出页配置。
• 第二步：打开正确的后台控制台查看日志
  访问chrome://extensions/，开启右上角开发者模式，找到你的扩展卡片，点击卡片里的「Service Worker」蓝色链接，弹出的控制台才会显示background脚本的所有日志输出。
• 可选验证：如果怕日志查看出错，可以先把监听逻辑改成弹框确认事件触发：

  chrome.action.onClicked.addListener(tab => { 
    alert('点击事件触发成功')
    console.log('test')
  });
  

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