Chrome扩展onMessage监听器未触发日志问题求助

你的代码逻辑本身没有核心错误，消息未被监听到主要有两个常见原因：

1. 日志查看位置错误 #

Chrome扩展Manifest V3的后台服务工作者（Service Worker）日志不会输出在popup的开发者工具控制台，而是独立的后台控制台中。你之前看到的监听器外的日志，是扩展加载时服务工作者启动输出的，但监听器内的日志需要在服务工作者专属控制台查看：

• 打开Chrome扩展管理页面（地址栏输入chrome://extensions/）
• 找到你的扩展，点击「服务工作者」右侧的「检查」按钮，打开对应控制台即可看到console.log("listener")的输出。

2. 消息响应未正确处理（可选优化） #

由于你在chrome.runtime.sendMessage中传入了回调函数，后台监听器需要明确处理响应逻辑，否则Chrome可能提前关闭消息通道，甚至导致服务工作者被终止。修改background.js：

chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
  console.log("listener");
  // 返回响应给popup的回调函数
  sendResponse({status: "消息已接收"});
  // 如果后续有异步操作（比如调用API），需返回true保持通道开放
  // return true;
});

优化后popup中的回调也能收到响应，避免潜在的通道异常问题。

额外检查点 #

• 确保扩展已重新加载（扩展管理页面的「刷新」按钮），避免旧的服务工作者仍在运行；
• 确认manifest.json中background配置的service_worker路径指向正确的background.js文件。

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