クロム拡張を使用して読み込まれたページのHTMLを変更する

Question

ページのタイトルに特定のテキストが含まれている場合、読み込まれたページにいくつかのHTMLコードを追加するにはどうすればよいですか？

Chrome拡張機能は私にとっては新しい拠点であり、あなたのご協力が大変ありがとうございます。

Answer 1

参考文献：

• Content Scripts
• Manifest File

あなたは、いくつかのHTMLコードを追加するための基準として、次のコードを取ることができます。

manifest.json

このファイルは、拡張子にコンテンツスクリプトを登録します。

{ 
"name":"Inject DOM", 
"description":"http://stackoverflow.com/questions/14068879", 
"version":"1", 
"manifest_version":2, 
"content_scripts": [ 
    { 
     "matches": ["http://www.google.co.in/*","https://www.google.co.in/*"], 
     "js": ["myscript.js"] 
    } 
    ] 
} 

myscript.js

Googleページ

// Checking page title 
if (document.title.indexOf("Google") != -1) { 
    //Creating Elements 
    var btn = document.createElement("BUTTON") 
    var t = document.createTextNode("CLICK ME"); 
    btn.appendChild(t); 
    //Appending to DOM 
    document.body.appendChild(btn); 
} 

Output

にボタンを追加するための些細なスクリプトがあなたが見るボタンを押して、目的のページ

に追加しました10