14

コンテンツ スクリプトとバックグラウンド スクリプトを使用して Chrome プラグインを作成しており、この 2 つを通信させようとしています。

私のコンテンツスクリプトでは、私はやっています

chrome.runtime.sendMessage({greeting: "hello"}, function(response) {
      console.log(response.farewell);
});

そして私のバックグラウンドスクリプトでは、私はやっています

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        console.log(sender.tab ?
          "from a content script:" + sender.tab.url :
          "from the extension");
        if (request.greeting == "hello")
            sendResponse({farewell: "goodbye"});
    }
);

私のマニフェストは次のようになります。

{
    "manifest_version": 2,
    "name": "Tesing Phase",
    "version": "1.0",
    "background": {
        "persistent": false,
        "scripts": ["bgscript.js"]
    },
    "content_scripts": [{
        "js": ["contentscript.js"],
        "all_frames": true,
        "run_at" : "document_start",
        "matches": ["*://*/*"]
    }],
    "web_accessible_resources": ["script.js"]
}

プラグインを実行すると、次のエラーが表示されます。

Uncaught TypeError: Object #<Object> has no method 'sendMessage'

ロギングを試みchrome.runtimeましたが、方法がありませんでしsendMessageた。Ubuntu でバージョン 25.0 の Chromium を使用しています。私も使っsendRequestてみたのですが、減価償却sendMessage済みなので使うべきとのことでした。

ここで私が見逃していることを誰かが指摘できますか? これが機能するために必要な権限はありますか?

4

1 に答える 1

35

chrome.runtime.sendMessage/ onMessage(および などのその他の関連するイベント/メソッドconnect) は、Chrome 26 で導入されました。

Chrome 20 ～ 25 と互換性のある拡張機能を作成する場合は、chrome.extension.sendMessage.

chrome.runtime最適な互換性を実現する方法は、メソッドを自分で定義することです。たとえば、残りのコード (バックグラウンド/コンテンツ スクリプト) の前に次のコードを実行します。

if (!chrome.runtime) {
    // Chrome 20-21
    chrome.runtime = chrome.extension;
} else if(!chrome.runtime.onMessage) {
    // Chrome 22-25
    chrome.runtime.onMessage = chrome.extension.onMessage;
    chrome.runtime.sendMessage = chrome.extension.sendMessage;
    chrome.runtime.onConnect = chrome.extension.onConnect;
    chrome.runtime.connect = chrome.extension.connect;
}

次に、最新の API 形式を使用できます。

// Bind event:
chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
    // Do something
});

// Send message:
chrome.runtime.sendMessage({greeting: 'hello'});

オブジェクトのメソッドを変更することに不安を感じる場合は、代わりchrome.runtimeに次のアプローチを使用できます。

var runtimeOrExtension = chrome.runtime && chrome.runtime.sendMessage ?
                         'runtime' : 'extension';

// Bind event:
chrome[runtimeOrExtension].onMessage.addListener(
  function(message, sender, sendResponse) {
    // Do something
});

// Send message:
chrome[runtimeOrExtension].sendMessage({greeting: 'hello'});
于 2013-03-30T12:01:48.957 に答える