将消息从内容脚本发送到另一个

Flo*_*eau 5 javascript google-chrome google-chrome-extension

我正在开发一个谷歌浏览器扩展。我的目的是将消息从我的 script1.js 发送到 script2.js。这是我在 manifest.json 中写的内容

  {
    "matches": ["https://www.google.fr/"],
    "css": ["styles.css"],
    "js": ["script1.js"]

  },
  {
    "matches": ["my_website.html"],
    "css": ["styles.css"],
    "js": ["script2.js"]

  },
Run Code Online (Sandbox Code Playgroud)

这是我在 script1.js 中写的:

chrome.runtime.sendMessage('你好世界!!!!!!');

在 script2.js 中:

chrome.runtime.onMessage.addListener(function(response,sender,sendResponse){

警报(响应);

});

我不认为我是用写的方式来做的,我想我必须使用 background.js 但我不知道如何。

首先十分感谢。

Ivá*_*oko 7

正如你所说,你必须使用后台脚本。例如:

脚本1:

chrome.runtime.sendMessage({from:"script1",message:"hello!"});
Run Code Online (Sandbox Code Playgroud)

背景.js

var tab2id;
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
    if (message.from == "script2") {
        tab2id = sender.tab.id;
    }
    if (message.from == "script1"){
        chrome.tabs.sendMessage(tab2id,message);
    }
});
Run Code Online (Sandbox Code Playgroud)

脚本2.js

chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
    alert("Script1 says: " + message.message);
});
chrome.runtime.sendMessage({from:"script2"});
Run Code Online (Sandbox Code Playgroud)

请记住在清单中包含您的后台脚本:

"background": {
    "scripts": ["background.js"]
}
Run Code Online (Sandbox Code Playgroud)