Chrome扩展向未注入标签页发消息时如何忽略报错？

问题原因 #

你的代码中，chrome.tabs.sendMessage 返回的是Promise 对象，而 forEach 不会等待异步操作完成，外层的 try/catch 仅能捕获同步代码的错误，无法捕获异步 Promise 的未处理 rejection，这就是未注入标签页的报错无法被拦截的核心原因。

解决方案 #

方案1：给每个sendMessage单独添加错误捕获 #

直接在forEach中为每个 Promise 绑定.catch()，忽略未注入标签页的错误即可：

try {
  let tabs = await chrome.tabs.query({}) // 获取所有标签页
  tabs.forEach((tab) => {
    chrome.tabs.sendMessage(tab.id, {type : 'StopTimer'})
      .catch(err => {
        // 仅做日志或直接忽略，避免报错显示在控制台
        console.debug(`标签页 ${tab.id} 未注入脚本，跳过消息发送`, err);
      });
  })
} catch (err) {
  console.log('获取标签页列表失败', err)
}

方案2：使用for...of配合async/await #

如果需要等待所有消息发送完成，可以改用for...of循环，在内部单独捕获单个标签页的错误：

try {
  let tabs = await chrome.tabs.query({});
  for (const tab of tabs) {
    try {
      await chrome.tabs.sendMessage(tab.id, {type: 'StopTimer'});
    } catch (err) {
      console.debug(`无法向标签页 ${tab.id} 发送消息`, err);
    }
  }
} catch (err) {
  console.log('获取标签页列表失败', err);
}

可选优化：维护已注入标签页状态 #

如果不想给所有标签页发消息，可在background.js中维护已注入内容脚本的标签页ID集合：

1. 内容脚本注入后，向background发送消息告知当前标签页ID；
2. background将该ID存入Set，并监听标签页关闭事件，从Set中移除对应ID；
3. 发送消息时，仅遍历Set中的标签页ID。

这种方案避免了无效的消息发送，但需要额外的状态维护逻辑，适合对性能有要求的场景。

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