2011年7月13日水曜日

Google Chromeの拡張機能を試してみたよ

今回試したのはアイコンをクリックするとhello!!って表示するだけの物

こんな感じ↓

作り方
C:\chrome_extensions\tutorial
ってパスに
manifest.json
popup.html
icon.png
ってファイルを用意する

manifest.json ってのが全体を管理する ファイル名は変更不可
中身は

{
  "name": "My TEST",                        // 拡張機能の名前
  "version": "1.0",                         // 拡張機能のバージョン
  "description": "Chrome Extensions TEST",  // 拡張機能の説明
  "browser_action": {
    "default_icon": "icon.png",             // アイコンの指定
    "popup": "popup.html"                   // クリックしたときの動作
  }
}


ってなってる

popup.html ってのがクリックしたときに読み込まれるファイル
中身は
<p>hello!!</p>
これだけ

icon.png がそのままアイコンになる
今回はAquaMaker2っていうフリーソフトで作りました
Mac風のアイコンが作れます……ん?

そしてあとは拡張機能で読みこめばおk
デベロッパーモードで「パッケージ化されていない拡張子を読み込む...」ってやつで
上記パスを選択すればいい



でも本来やりたいのはタブで開いてるページのHTMLを獲得することなんだけどなぁ…

0 件のコメント:

コメントを投稿