Chrome拡張機能を使用してGoogle検索結果ページを変更する

Question

Google検索結果ページを変更するにはChrome拡張機能を使用します。私はそれを行う能力を持っているので、私はこれを行うためにコンテンツスクリプトを使用することができます知っています。しかし、残念ながらそれは失敗します。私はコードを書いた

またはそれらがすべて失敗したすべてのDOM操作に関連しています。私はちょうど

alert('aa') 

または

document.body.style.backgroundColor='green' 

を書いた場合しかし、それは動作します。どうして？ ところで、私はデバッグをしたいのですが、私は開発ツールを開くと私の拡張機能のスクリプトを見つけることができません。私は他の拡張機能のコンテンツスクリプトを見ることができます。

Answer 1

マニフェストのcontent_scriptにjQueryを追加しましたか？

あなたはjQueryのを使用する場合は、あなたがこのようなmanifest.json書き込む必要があります：

"content_scripts":[ 
     { 
      "matches":["http://www.google.com/*"], 
      "js":["jquery-1.9.1.min.js", "contentscripts.js"] 
     } 
] 

OKを、Googleの検索結果ページの読み取りページのソースの後に私は問題が何であるかを知っていると思う：

Googleの負荷検索その結果、AJAXで検索語を変更して再度検索すると、ページが更新されないため、検索結果にDOM要素が表示されません。

つまり、DOMNodeInsertedのイベントリスナーを追加する必要があります。

コードこのようなものです：

function fundH3(){ 
    $('h3.r').append('<b>a</b>') 

} 

searchResultArea.addEventListener('DOMNodeInserted', findH3); 

Answer 2

は

マニフェストファイルにあなたがターゲットURL（S）の権限を追加

{ 
--- 
    "permissions": [ 
     "https: //www.google.co.in/*" 
    ] 
--- 
} 

リファレンス

• Permissions