[解決済み] クローム拡張機能で読み込んだページのHTMLを修正する

質問

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

Chrome 拡張機能は私にとって未知の領域であり、あなたの助けは非常にありがたいものです。

どのように解決するのですか？

参考文献を紹介します。

• コンテンツスクリプト
• マニフェスト・ファイル

以下のコードを参考に、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

目的のページに追加されたボタンが見えます。