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