javascript - Chrome 扩展中内容脚本和弹出脚本之间的消息传递

Question

我正在尝试创建一个弹出式 chrome 扩展，它显示有关当前页面中 DOM 的信息，这似乎需要消息传递。我已经能够向后台发送消息，但我需要特定于当前页面的数据，因为背景与所有弹出窗口/页面相同。

在 popup.js 中，我在加载 DOM 时发送一条消息(应该在单击弹出窗口时触发吗？)

document.addEventListener('DOMContentLoaded', function() {
    chrome.runtime.sendMessage({method: "getTableData"}, function response() {
    });
});

我在 contentscript.js 中也有一个监听器(和 background.js 用于测试)

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if(request.method == "getTableData") {
    console.log("table request found!");
  }
});

然后，当我激活弹出窗口时，后台控制台输出 table request found!，而当前页面的控制台没有。

谢谢。

Answer 1

您需要使用 chrome.tabs.sendMessage代替 chrome.runtime.sendMessage 向内容脚本发送消息。