Question

chrome.runtime.sendMessage();

我想将多个（特定于2个）消息从我的contentscript.js传递给popup.js。

我不需要这个函数的其他参数，我只需要message参数。

在我的contentscript.js中我有这个：

chrome.runtime.sendMessage(message1);

chrome.runtime.sendMessage(message2);

这是我的popup.js：

chrome.runtime.onMessage.addListener(function(messsage1){
 //code for handling the message
});

chrome.runtime.onMessage.addListener(function(messsage2){
 //code for handling the message
});

我想将这两个函数组合成一个函数并处理如下消息：

 chrome.runtime.onMessage.addListener(function(){
   // how to write the parameter for this function, I can't use ',' right?
   // code for handling the message1, message2
});

我该怎么做？

Answer 1

我会将消息作为JSON对象发送，并附加一个属性来指定它是哪种类型的消息。例如：

chrome.runtime.sendMessage({content: "Message1", type: "m1"});

chrome.runtime.sendMessage({content: "Message2", type: "m2"});

然后你可以将消息监听器组合成一个函数：

chrome.runtime.onMessage.addListener(function(message) {
  if(message.type == "m1") {
    console.log("First message: ", message.content);
  }
  if(message.type == "m2") {
    console.log("Second message: ", message.content);
  }
}

当然这只是一个粗略的例子 - 您应该根据扩展的要求定制JSON对象的结构，但这是我将使用的模式。

Answer 2

contentscript.js

 chrome.runtime.sendMessage({
                greeting: "message1"
            })
chrome.runtime.sendMessage({
                greeting: "message2"
            })

<强> popup.js

  chrome.runtime.onMessage.addListener(
        function (request, sender, sendResponse) {
        if (request.greeting == "message1") {
        //action 1
        } else if (request.greeting == "message2") {
            //action 2
        }
    });

API：http://developer.chrome.com/extensions/messaging

Answer 3

runtime.sendMessage只能用于documentation的一次性请求。请考虑使用tabs.connect。

这是用于连接到标签页的扩展程序页面的代码：

var port = chrome.tabs.connect(tab.id);
port.postMessage({type: "first", content: "Hi!"});
port.postMessage({type: "second", content: "How are you?"});

此代码应在内容脚本中指定：

chrome.runtime.onConnect.addListener(function(port) {
  port.onMessage.addListener(function(msg) {
    if (msg.type == 'first') {
      ...
    }
    if (msg.type == 'second') {
      ...
    }
  });   
};

单个函数中的多个消息调用chrome.runtime.sendMessage（）;

3 个答案: