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

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

这是我的扩展的代码：

performance：

{ "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没有。

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

我的错在哪里？

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函数将消息发送到所有其他扩展组件。