Chrome拡張機能/Browser Action - api_programming @ ウィキ

Browser Actionとは

browser actionのmanufest.json設定項目

• browser_action":
• default_icon : iconの場所: { // optional
  • 19 : 19x19pxの場合のicon "19": "images/icon19.png", // optional
  • 38 : "38": "images/icon38.png" // optional
• default_title : アイコンへのマウスオーバー時に出てくる名前
• default_popup : ツールチップをクリックした際に、ポップアップで出てくるhtmlファイル

ポップアップページ

ページの指定

manifest.jsonに書くか、chrome.browserAction.setPopup(object details)で指定。

ページの幅

body要素にstyle="min-width:250px"の用に指定

裏で動くスクリプトファイル

manifest.jsonに、裏で動くファイルが有るよ、という情報を付け加える。

"background" : {"scripts" : ["background.js"}}

Background Pages - Chrome

バッチテキスト

アイコンに表示される数字。バックグラウンド (background) で動かすファイルが必要
https://developer.chrome.com/extensions/browserAction#badge

chrome.browserAction.setBadgeText(object details)

setBadgeText()

注意事項

For the best visual impact, follow these guidelines:

• いろんなページで使える機能をbrowswer actionとして提供する
  • 特定のページしか使えないなら、browswer actionで提供する意味が薄い
• 使いやすいアイコンを38x38pxで作っておく。Browser action icons should seem a little bigger and heavier than page action icons.
  • Chromeのメニューアイコンに似せない。
  • アルファ透過を使って、アイコンにソフトエッジを加えると、テーマを使っているユーザもいい感じに見える。
  • アニメはうざいだけ

作成した拡張機能を読み込む

1. 拡張機能のページを開く
2. デベロッパーモードにする
3. 「パッケージ化されていない拡張機能を読み込む」