Question

我知道这个问题已经以不同的方式反复提出，但我试图通过所有的答案（希望我没有错过任何人），但他们都没有为我工作。

这是我的扩展程序代码：

清单：

{
"name": "test",
"version": "1.1",
"background": 
{ 
    "scripts": ["contextMenus.js"]
},

"permissions": ["tabs", "<all_urls>", "contextMenus"],

"content_scripts" : [
    {
        "matches" : [ "http://*/*" ],
        "js": ["jquery-1.8.3.js", "jquery-ui.js"],
        "css": [ "jquery-ui.css" ],
        "js": ["openDialog.js"]
    }
],

"manifest_version": 2
}

contextMenus.js

function onClickHandler(info, tab) {
    if (info.menuItemId == "line1"){

      alert("You have selected: " + info.selectionText);

      chrome.extension.sendMessage({action:'open_dialog_box'}, function(){});

      alert("Req sent?");

    }
}

chrome.contextMenus.onClicked.addListener(onClickHandler);

chrome.runtime.onInstalled.addListener(function() {

  chrome.contextMenus.create({"id": "line1", "type": "normal", "title": "I'm line 1",     "contexts":["selection"]});

});

openDialog.js

chrome.extension.onMessage.addListener(function(msg, sender, sendResponse) {

  if (msg.action == 'open_dialog_box') {
    alert("Message recieved!");
  }
});

后台页面的两个警报工作，而其中一个content_script没有。

控制台日志的消息：端口错误：无法建立连接。接收端不存在。

我的错在哪里？

Answer 1

在您的背景页面中，您应该致电

chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
    chrome.tabs.sendMessage(tabs[0].id, {action: "open_dialog_box"}, function(response) {});  
});

而不是像现在这样使用chrome.extension.sendMessage。

chrome.tabs变体向内容脚本发送消息，而chrome.extension函数向所有其他扩展组件发送消息。

Answer 2

@apsillers是正确的。另外，请不要忘记在内容脚本侦听器中返回true，否则可能会关闭得太早。

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
    console.log(message)
    return true
});

Answer 3

这是一个后台脚本的示例，该脚本将消息发送到内容脚本文件。

background.js

chrome.tabs.sendMessage(tabs[0].id,"your message");

content-script / content.js

chrome.runtime.onMessage.addListener(function (response, sendResponse) {
          console.log(response);
});

Answer 4

我的用例要求从网页向后台脚本发送消息。我使用chrome.runtime.onMessageExternal来捕获此消息。

在这个侦听器内部，我基本上是将消息转发到我的内容脚本，以便它可以执行其操作，但是我无法弄清楚为什么我的内容脚本onMessage侦听器无法捕获消息。

在从网页发送消息之前等待1秒钟（我基本上是在加载时完成），结果我可以看到消息击中了内容脚本。

Chrome扩展程序：sendMessage从后台到内容脚本不起作用

4 个答案: