javascript - 通常の Web サイトから Chrome 拡張機能で定義された関数を呼び出すにはどうすればよいですか?

Question

Chrome プラグインの一部ではなく、プラグインが公開する API を使用するだけの Web サイトを作成したいと考えています。これは可能ですか?可能であれば、どうすればよいですか? この質問をグーグルで検索しましたが、何も見つかりませんでした。

コンテンツ スクリプトを使用しようとしていますが、何も起こりません。誰かがここで何が悪いのか説明できますか?

マニフェスト.json

{
  "manifest_version": 2,

  "name": "Hello World 拡張機能",
  "description": "この拡張機能は、hello world を出力します。",
  "バージョン": "1.0",
  "バックグラウンド"： {
    "ページ": "background.html"
  }、
  "browser_action": {
    "default_icon": "img/icon.png",
    "default_popup": "popup.html"
  }、
  "content_scripts": [
    {
      "一致": ["http://locahost:8888/*"],
      "js": ["EmotivAPI.js"]
     }
   ]
}

EmotivAPI.js

var ポート = chrome.runtime.connect();
console.log("こんにちは?");
window.addEventListener("メッセージ", 関数 (イベント) {
    // 自分からのメッセージのみ受け付けます
    if (event.source != ウィンドウ)
        戻る;

    if (event.data.type && (event.data.type == "FROM_PAGE")) {
        console.log("受信したコンテンツ スクリプト: " + event.data.text);
        port.postMessage(event.data.text);
        alert("受け取りました!");
    }
}、 間違い）;

Webページのjs

window.sayHello = 関数 () {
        window.postMessage({ type: "FROM_PAGE", text: "ウェブページからこんにちは!" }, "*");
    }
    console.log('Emotiv 拡張機能がロードされました。');
}

コンソールから window.sayHello() を呼び出しています