javascript - chrome 向内容脚本广播消息

Question

有没有办法向 chrome 扩展程序的所有内容脚本广播 chrome 消息？

chrome.runtime.sendMessage() 将 tabId 作为输入。但是，如果有多个选项卡与内容脚本一起运行，一个如何广播到所有选项卡？

Answer 1

我假设你的意思是 chrome.tabs.sendMessage 有选项卡 ID 参数。

Chrome API 中有 2 个 sendMessage 函数:

• chrome.runtime.sendMessage将广播到在 chrome-extension://your-extension-id/ origin 中运行的所有页面。

这将是背景页面、弹出窗口(如果打开)、选项页面(如果打开)以及您自己打开的扩展页面的任何选项卡。

• chrome.tabs.sendMessage将广播到在提供的选项卡中运行的扩展程序的所有内容脚本(很快可以按帧过滤)，如果未提供 ID，则广播到当前事件的选项卡。

不幸的是，没有向所有内容脚本广播的功能。因此，您有两种可能的方法:

1 - 地毯式轰炸

只需一一广播到所有标签!

chrome.tabs.query({}, function(tabs) {
  tabs.forEach(function(tab) {
    chrome.tabs.sendMessage(tab.id, message);
  });
});

如果你想通过匹配模式缩小范围，你可以:

// Even accepts arrays of patterns!
chrome.tabs.query({url: "*://*.example.com/*"}, function(tabs) {
  tabs.forEach(function(tab) {
    chrome.tabs.sendMessage(tab.id, message);
  });
});

2 - 选项卡/连接跟踪

您可以更主动地跟踪准备好接收消息的选项卡。但是，维护该列表可能很乏味。

实际上，您可以让您的内容脚本打开与后台页面的端口连接，然后使用打开的端口列表向它们发送命令。缺点是您不能为此使用事件页面，因为它需要保持连接打开。