日頃の行い

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

Hello Chrome Extension

Chrome Extension

Chrome Extensionに触ってみた！


用意するもの

google chrome

開発用のディレクトリ

すること

  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の日記

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