ブラウザーのツールバーにボタンを追加します。

ブラウザーアクションはブラウザーのツールバー内のボタンです。

これをボタンつきポップアップと関連付けられます。ポップアップは通常のウェブページ同様に、HTML, CSS, JavaScript を使って指定できます。ポップアップの中で動く JavaScript はバックグラウンドスクリプトとすべて同じ WebExtension API にアクセスできますが、グローバルコンテキストはブラウザーに表示される現在のページではなく、ポップアップになります。ウェブページに影響するには messages 経由で通信する必要があります。

ユーザーがアイコンをクリックした時に、ポップアップを指定していると、表示され — そしてコンテンツが読み込まれるでしょう 。ポップアップを指定していない時は、ユーザーがアイコンをクリックした時、拡張機能にイベントがディスパッチされます。

たいていのブラウザーアクションのプロパティは、manifest.json 内の browser_action キーを用いて宣言的に定義できます。

browserAction API では、次が可能です:

  • browserAction.onClicked を使ってアイコンのクリックをリッスンする
  • アイコンのプロパティ — アイコン、タイトル、ポップアップなど、の取得、設定。これはすべてのタブを通してグローバルにも、またはタブの ID を追加引数で渡すことで特定のタブだけにも取得、設定できます。

browserAction.ColorArray
RGBA 色を決める 0-255 の範囲の4整数の配列
browserAction.ImageDataType
画像のピクセルデータ。ImageData オブジェクト (例えば <canvas> 要素から) でないといけない。

関数

browserAction.setTitle()
ブラウザーアクションのタイトルをセットする。ツールチップに表示される。
browserAction.getTitle()
ブラウザーアクションのタイトルを取得します。
browserAction.setIcon()
ブラウザーアクションのアイコンをセットします。
browserAction.setPopup()
ユーザーがブラウザーアクションのアイコンをクリックした時に表示されるポップアップの HTML 文書をセットします。
browserAction.getPopup()
ブラウザーアクションのポップアップとしてセットされた HTML 文書を取得します。
browserAction.openPopup()
ブラウザーアクションのポップアップを開きます。
browserAction.setBadgeText()
ブラウザーアクションのバッジテキストをセットします。バッジはアイコンの上部に表示されます。
browserAction.getBadgeText()
ブラウザーアクションのバッジのテキストを取得します。
browserAction.setBadgeBackgroundColor()
バッジの背景色を指定します。
browserAction.getBadgeBackgroundColor()
バッジの背景色を取得します。
browserAction.enable()
タブのブラウザーアクションを有効にします。既定では、ブラウザーアクションはすべてのタブで有効です。
browserAction.disable()
タブのブラウザーアクションを無効にします。つまりタブがアクティブでもクリックできません。
browserAction.isEnabled()
ブラウザーアクションが有効か否かをチェックします。

イベント

browserAction.onClicked
ブラウザーアクションがクリックされた時に発火します。このイベントはブラウザーアクションがポップアップ付きでない場合は発火しません。

ブラウザ実装状況

ChromeEdgeFirefoxFirefox for AndroidOpera
ColorArray あり あり45 なし あり
ImageDataType あり あり45 なし あり
disable あり あり45 なし あり
enable あり あり45 なし あり
getBadgeBackgroundColor あり あり45 なし あり
getBadgeText あり あり45 なし あり
getPopup あり なし4557 あり
getTitle あり154555 あり
isEnabled なし なし59 なし なし
onClicked あり あり4555 あり
openPopup なし なし57 なし なし
setBadgeBackgroundColor あり あり45 なし あり
setBadgeText あり あり45 * なし あり
setIcon あり * あり45 なし15
setPopup あり あり4557 あり
setTitle あり154555 あり

Example extensions

謝辞

この API は Chromium の chrome.browserAction API に基づいています。この文書は Chromium コードの browser_action.json から得ています。

Microsoft Edge の実装状況は Microsoft Corporation から提供されたものであり、ここでは Creative Commons Attribution 3.0 United States License に従っています。

ドキュメントのタグと貢献者

このページの貢献者: Uemmra3
最終更新者: Uemmra3,