Question

我的问题很简单，我只是想找出最简单的方法。

我的chrome扩展程序的当前迭代使用一个按钮将DIV注入到网页中，当按下该按钮时，将执行一个函数。

我想在不注入DIV的情况下执行此操作，方法是在工具栏中按下浏览器按钮时在我的一个内容脚本中执行一个函数。最简单的方法是什么？我相信我必须使用背景页面，我在文档中看到的唯一一件事就是在两端注册一些监听事件。如果这是唯一/最简单的方法，我该怎么做呢？

Answer 1

是的，使用在后台脚本和内容脚本之间来回发送的消息来联系浏览器或页面操作按钮中的内容脚本

第一步：告诉后台脚本如何在browserAction / pageAction按钮上单击

chrome.browserAction.onClicked.addListener(function(tab) {
   ...
});

步骤2：在browserAction.onClicked事件监听器内，您可以向内容脚本发送消息（实际上是对任何代码进行监听！）：

chrome.tabs.sendMessage(tab.id, {<YOURMESSAGEPAYLOAD>});

步骤3：在内容脚本中，为传入消息添加侦听器

chrome.runtime.onMessage.addListener(function(request, sender, callback) {
   // request contains the YOURMESSAGEPAYLOAD sent above as a Javascript object literal
});

您也可以反过来使用内容脚本中的以下内容将消息从内容脚本发送到后台脚本

chrome.runtime.sendMessage({<YOURMESSAGEPAYLOAD>});

然后在后台脚本中使用onMessage侦听器，方法与上面提到的相同。

Answer 2

devnull69是正确的，您需要使用消息传递。另请考虑退房chromeps。它是我为chrome扩展编写的一个小pubsub库。在编写消息传递代码时消除了大量开销。

在chrome.browserAction.onClicked上调用内容脚本函数

2 个答案: