私は Google Chrome 拡張機能に取り組んでおり、ポップアップ HTML 内から HTML を取得して、ロードした JavaScript ファイル内の関数を呼び出したいと考えています。私のマニフェストは次のとおりです。
{
"name": "Extension",
"version": "1.0",
"description": "Extension",
"browser_action": {
"default_icon": "icon.png",
"default_title": "Ext",
"popup": "popup.html"
},
"content_scripts": [{
"matches": ["http://*/*"],
"css": ["ext.css"],
"js": ["jquery.js","scripts.js"]
}],
"permissions": [
"http://*/*"
]
}
ご覧のとおり、私は jQuery のローカル コピーと、私自身の個人的なロジック用の別の JavaScript ファイルを読み込んでいます。私のポップアップドキュメントは次のようになります。
<select id="values">
<option>Foo</option>
<option>Bar</option>
</select>
そして、私のscripts.js
ファイルの内容は次のとおりです。
$(function(){
$("#values").change(function(){
alert("Foo");
});
});
ただし、これは私が期待していることではありません - ポップアップ HTML の値を変更するたびに「Foo」を警告します。これら 2 つのファイルを相互に通信させるにはどうすればよいですか? それとも、まったくできますか?