对 chrome.runtime.sendMessage() 的单个函数调用中的多条消息；

Question

chrome.runtime.sendMessage();

我想从我的 contentscript.js 向 popup.js 传递多个（具体为 2 个）消息。

我不需要这个函数的其他参数，我只需要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 对象的结构，但这是我将使用的模式。