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


88

さまざまな方法で繰り返し質問されていることは知っていますが、すべての回答を調べようとしましたが(誰かを見逃さなかったといいのですが)、どれもうまくいきませんでした。

これが私の拡張機能のコードです:

マニフェスト:

{
"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つは機能しません。

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

私のせいはどこですか?


chrome.tabs.sendMessage()ではなく、コンテンツスクリプトにメッセージを送信するために使用する必要がありますchrome.extension.sendMessage()
apsillers 2013年

回答:


144

バックグラウンドページで、

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


7
ありがとうございます。chrome.tabs.sendMessage 送信先のタブを指定する必要があることを除いて、これは正しいです。だから、解決策は、への変更は次のとおりです。chrome.tabs.query({active: true}, function(tabs){ chrome.tabs.sendMessage(tab.id, {action: "open_dialog_box"}, function(response) { }); });
地下鉄

1
この答えは私を助けてくれました。この有用な答えをどうもありがとう。
Touhid 2014年

13
content-script.jsで受け取るために何を書くべきですか?
Kushal Jain 2017

5
@KushalJain私はちょうどこれを理解しました。コンテンツスクリプトJSファイルに、次のようなイベントリスナーを追加する必要chrome.runtime.onMessage.addListener( (message, sender, sendResponse) => { /* Code Here */ } ); messageがあります。は、{ action: "open_dialog_box" }送信するパラメータを含む、または送信するものです。senderChrome拡張機能のIDを含むオブジェクトです。メッセージが処理されたときに呼び出されるように渡すsendResponseパラメータfunction(response) {}または関数です。
jsea 2018年

6
この解決策は私にはうまくいきませんでした。私はドキュメントに正確に従っています。developer.chrome.com/ extensions / messagesagingからすべてのコードをコピーしました。これは非常に単純な例ですが、正しく取得できませんでした。エラーが発生しました接続を確立できませんでした。受信側は存在しません。任意のアイデア
umsateesh

4

@apsillersは正しいです。また、コンテンツスクリプトリスナーでtrueを返すことを忘れないでください。そうしないと、閉じるのが早すぎる可能性があります。

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

これで修正されましたreturn true。応答がありませんでしたが、追加すると機能しました。
rupertonline

0

これは、content-scriptファイルにメッセージを送信するバックグラウンドスクリプトの例です。

background.js

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

content-script / content.js

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

0

私のユースケースでは、Webページからバックグラウンドスクリプトにメッセージを送信する必要がありました。私はchrome.runtime.onMessageExternalこのメッセージをキャッチしていました。

このリスナーの内部では、基本的にメッセージをコンテンツスクリプトに転送して処理を実行していましたが、コンテンツスクリプトonMessageリスナーがメッセージをキャッチしない理由を理解できませんでした。

Webページからメッセージを送信する前に1秒待つことで判明しました(私は基本的にロード時に送信していました)メッセージがコンテンツスクリプトにヒットするのを見ることができました。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.