Chrome開発-Hello World!

新しいフォルダを作成します.ここではHelloWorldと名付けて、このフォルダに三つのファイルを作成します.
manifest.json(extensionの構成に対して)popput.manmail.js(extensionアイコンをクリックした時の弾み)main.js(私達がフィルタしたページがロードされた時、自動的に読み込まれるjs)
manifist.json

{
  "name": "Hello World",
  "version": "1.0",
  "description": "My first chrome extension",
  "manifest_version": 2,
  "content_scripts":[
    {
      "matches":[""],
      "js":["main.js"]
    }
  ]
}

psp.

Hello world!

mail.js

alert("Hello World!");

chrome開発者モード

をオープンします.

は、先ほど作成したフォルダをchrome extensionのディレクトリにドラッグしてインストールする

を実行します.

がインストールされたら、chromeの右上にextensionのアイコンが表示されます.クリックすると、私たちのpopup.htmlの内容

がイジェクトされます.

は、任意に1つのウェブページにアクセスし、main.jsのコードが実行されると(すなわち、Hello World!がポップアップされた)、私たちの最初のHello Worldが

を実行したことを示しています.