基本的なChrome拡張機能に問題があります。私の目標は、Webページからimg要素を取得することです。
マニフェスト.json:
{
"name": "My first chrome extension",
"version": "1.0",
"background": { "scripts": ["script.js", "jquery-1.8.3.js"] },
"permissions": [
"http://*/*"
],
"browser_action": {
"name": "Do something with images",
"icons": ["icon.png"]
},
"manifest_version": 2
}
script.js:
var imgs = [];
chrome.browserAction.onClicked.addListener(function(tab) {
// imgs = document.getElementsByTagName("img");
imgs = $('img');
if(imgs.length > 0){
alert("abc");
}
});
画像のあるページではアラートは表示されません。imgs.lengthは0です。一方、同じページのjavascriptコンソールでは、次のように入力します。
imgs = $('img');
imgs.length;
29枚の画像があります。どうしたの?