web-dev-qa-db-ja.com

Chrome拡張機能:バックグラウンドからコンテンツスクリプトへのsendMessageが機能しない

その質問はさまざまな方法で繰り返し尋ねられていることは知っていますが、すべての答えを試してみました(できれば誰も見逃さないように)と、それらのどれも私のために働いていませんでした。

ここに私の拡張機能のコードがあります:

マニフェスト:

{
"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!");
  }
});

バックグラウンドページの2つのアラートは機能しますが、content_scriptの1つは機能しません。

コンソールログのメッセージ:ポートエラー:接続を確立できませんでした。受信側が存在しません。

私のせいはどこですか?

69
Subway

バックグラウンドページで呼び出す必要があります

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関数は他のすべての拡張コンポーネントにメッセージを送信します。

120
apsillers