Chrome 扩展：从 background.js 到 content.js 的消息

Question

我正在尝试使用以下代码从background.js 向content.js 发送消息：

背景

chrome.runtime.sendMessage({'method': 'test'});

内容

chrome.runtime.onMessage.addListener(function(message,sender,sendResponse){
  if(message.method == 'test')
    console.log('Got message');
});

当background.js 收到来自popup.js 的特定消息时发送后台消息，该消息发生在点击事件上。所以用户点击弹出窗口中的一个按钮，一条消息被发送到后台，然后发送到内容。

我感觉我的问题与以下事实有关：当在弹出窗口（这是一个单独的选项卡）中单击按钮时，内容脚本没有收到它，因为它不是当前的活动选项卡。

请帮帮我。

Answer 1

Chrome API 中有 2 个sendMessage 函数。

• chrome.runtime.sendMessage 向所有打开的扩展页面（即背景、弹出窗口等）发送消息
• chrome.tabs.sendMessage 向 所有 扩展内容脚本发送消息在给定选项卡中（可能按帧 ID 过滤）

因此，要向内容脚本发送消息，您需要使用chrome.tabs。要从内容脚本（或在扩展页面内）发送消息，您需要使用 chrome.runtime。

在这两种情况下，事件都是chrome.runtime.onMessage。

更多详情请见Messaging docs。