日頃の行い

個人的な日頃の行いをつらつら書いてます\\\\ ٩( 'ω' )و ////

Hello Chrome Extension

Chrome Extensionに触ってみた!


用意するもの

開発用のディレクトリ

すること

  1. manifest,jsonの作成
  2. htmlの準備(optional)
  3. chromeで試す!

以上!!

まずは、manifest,json

{
  "manifest_version": 2,
  "name": "My First Extension",
  "version": "1.0",
  "browser_action": {
    "default_popup":"popup.html"
  }
}

そしてpopup.html

<html>
<body>
  <h1>Hello, World!</h1>
</body>
</html>


これを /path/to/my_chrome_extension ディレクトリに入れる。

/path/to/my_chrome_extension/manifest.json
/path/to/my_chrome_extension/popup.html

の状態。


次に、chromeで試してみる!
まずは、 chrome://extensions/ にアクセス

  1. 一番上に「デベロッパー モード」というチェックボックスがあるので、そこにチェック!
  2. パッケージ化されていない拡張機能を読み込む をクリック!
  3. 「/path/to/my_chrome_extension ディレクトリ」を選択!

そしたら、右上のExtension一覧みたいなところにMy First Extensionという拡張機能が追加されるので、そこをクリックしてみると

f:id:arata3da4:20130805182200p:plain

みたいな感じになる!

参考
What are extensions?
内のchrome.browserAction

toriimiyukkiの日記

ありがとうございました。