February 28, 2013

Chrome Extensionの雛形をGitHubに。

ちょっと思い立ったことがあり、Chrome Extensionを作ってみようかなと思っています。

右も左もわからないので、ドキュメントを参考にして、とりあえず雛形を作ってみました。
https://github.com/mp-php/chrome-extension-template

ドキュメント:
http://developer.chrome.com/extensions/docs.html

以下、頭の整理がてら、各ファイルの説明を書いておきます。

* manifest.json
そのExtensionの名前や説明などを書くファイルです。
各パラメータの詳細は http://developer.chrome.com/extensions/manifest.html

* _locales/xx/messages.json
国際化の為のファイルです。manifest.jsonの"default_locale"で指定した言語がdefaultになるのかなと。

* popup.html
manifest.jsonの"browser_action"の"default_popup"が指すhtmlです。アイコン左クリックで開きます。

* options.html
manifest.jsonの"options_page"が指すhtmlです。アイコン右クリックの"オプション"から開きます。

* js/options.js
options.htmlで読み込んでいます。入力値をLocal Storageに保存したり、逆に、取り出したりします。

* imgディレクトリは割愛します。

インストール方法は
(1) 上記一式をダウンロード
(2) ツール > 拡張機能 > パッケージ化されていない拡張機能を読み込む でインストール
です。

No comments:

Post a Comment