拡張機能のjavascriptが機能しない

Question

iframeをブロックするchrome拡張機能を作成しようとしています。私はcontent.jsファイルにjavascriptコードを持っていますが、実行されません。ここで は私のmanifest.jsonを次のとおりです。

{ 
"manifest_version":2, 
"name":"Ad Killer", 
"description":"A Basic program for blocking ads", 
"version":"0.1", 
"background":{ 
    "scripts":[ 
    "background.js" 
    ] 
}, 
"content_scripts":[ 
    { 
     "matches":[ 
     "<all_urls>" 
     ], 
     "js":[ 
     "jquery.js" 
     ] 
    } 
], 
"browser_action":{ 
    "default_icon":"ad128.png", 
    "default_title":"Ad Killer" 
} 
} 

Cotent.js：

var elems = document.getElementsByTagName("iframe"); 

for (var i = 0, max = elems.length; i < max; i++) { 
    elems[i].hidden = true; 

私の質問は、それがcontent.js仕事でJavaScriptを作成するどのような方法があるのですか？どんな助けもありがとう。

Answer 1

あなたのマニフェストは現在、訪問したすべてのページにjquery.jsを追加しています。 content.jsを "content_scripts"配列に追加するだけです。 content.jsと仮定すると、あなたのmanifest.jsonを同じ場所にあります。

"content_scripts":[ 
    { 
     "matches":[ 
     "<all_urls>" 
     ], 
     "js":[ 
     "jquery.js", 
     "content.js" 
     ] 
    } 
], 

また、あなたはDOMの準備ができたとき、コードが実行されることを確認したいと思います。あなたはjQueryの使用しているので：

$(document).ready(function() { 
    //your code here 
}) 

をスクリプトが実行したときに定義するマニフェストのためのオプションがありますが、私は彼らと多くの成功を収めていたことがありません、あなたはここでそれらを探索することができます：https://developer.chrome.com/extensions/content_scriptsrun_at属性を参照してください。

また、広告コンテンツが読み込まれた後に非同期に作成される可能性があるため、iframeのクエリにタイムアウトまたはポーリングを設定することもできます。