2010年9月14日火曜日

Google Chrome Extension メモ

Google Chrome Extension は、実はただの zip file

必要なのは

 ・manifest file (manifest.json)

 ・1つ以上の HTML file

 ・必要なら CSS files, JavaScript files, 画像など

を一つのフォルダに入れて、 .zip にして .crx に変更するだけ。
ローカルでテストするなら、zip する必要もない。

基本的には chrome.* APIs を使う

 chrome.* APIs

それ以外にもさまざまなAPIが使える

 Other APIs

 例えば
  ・XMLHttpRequest
  ・HTML5 and other emerging APIs
  ・WebKit APIs 
 などなど

ファイルを参照する場合は相対パスで

<img src="images/myimage.png">


Google Chrome debugger などを使っていて absolute URL にアクセスしたい場合は

 chrome-extension://<extensionID>/<pathToFile>


自分のロードした extensions の ID は

 chrome://extensions

から確認できる


● manifest file の例


{
"name": "My Extension",
"version": "2.1",
"description": "Gets information from Google.",
"icons": { "128": "icon_128.png" },
"background_page": "bg.html",
"permissions": ["http://*.google.com/", "https://*.google.com/"],
"browser_action": {
"default_title": "",
"default_icon": "icon_19.png",
"default_popup": "popup.html"
}
}


詳しいフォーマットは Formats: Manifest Files



参考ページ

 ・Tutorial: Getting Started (Hello, World!)

 ・http://code.google.com/chrome/extensions/overview.html

 ・Samples



メモ
 ・http://gihyo.jp/dev/serial/01/chrome-extensions
 
 ・http://www.html5.jp/library/html5detector.html

 ・http://www.serendip.ws/archives/3823

 ・http://blog.smartnetwork.co.jp/staff/node/44

 ・http://dev.screw-axis.com/doc/chrome_extensions/

 ・http://gihyo.jp/dev/feature/01/chromeExt

 

0 件のコメント:

コメントを投稿