---
title: browserAction
slug: Mozilla/Add-ons/WebExtensions/API/browserAction
tags:
  - API
  - Add-ons
  - Extensions
  - Interface
  - Non-standard
  - Reference
  - WebExtensions
  - browserAction
translation_of: Mozilla/Add-ons/WebExtensions/API/browserAction
---
<div>{{AddonSidebar}}</div>

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

<p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_action">ブラウザーアクション</a>はブラウザーのツールバー内のボタンです。</p>

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

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

<p>たいていのブラウザーアクションのプロパティは、manifest.json 内の <code><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> キーを用いて宣言的に定義できます。</p>

<p><code>browserAction</code> API では、次が可能です:</p>

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

<h2 id="Types" name="Types">型</h2>

<dl>
 <dt>{{WebExtAPIRef("browserAction.ColorArray")}}</dt>
 <dd>RGBA 色を決める 0-255 の範囲の4整数の配列</dd>
 <dt>{{WebExtAPIRef("browserAction.ImageDataType")}}</dt>
 <dd>画像のピクセルデータ。<code><a href="/ja/docs/Web/API/ImageData">ImageData</a></code> オブジェクト (例えば {{htmlelement("canvas")}} 要素から) でないといけない。</dd>
</dl>

<h2 id="Functions" name="Functions">関数</h2>

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

<h2 id="Events" name="Events">イベント</h2>

<dl>
 <dt>{{WebExtAPIRef("browserAction.onClicked")}}</dt>
 <dd>ブラウザーアクションがクリックされた時に発火します。このイベントはブラウザーアクションがポップアップ付きでない場合は発火しません。</dd>
</dl>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザ実装状況</h2>

<p>{{Compat("webextensions.api.browserAction")}}</p>

<div class="hidden note">
<p>The "Chrome incompatibilities" section is included from <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Chrome_incompatibilities"> https://developer.mozilla.org/ja/Add-ons/WebExtensions/Chrome_incompatibilities</a> using the <a href="/ja/docs/Template:WebExtChromeCompat">WebExtChromeCompat</a> macro.</p>

<p>If you need to update this content, edit <a href="https://developer.mozilla.org/ja/Add-ons/WebExtensions/Chrome_incompatibilities">https://developer.mozilla.org/ja/Add-ons/WebExtensions/Chrome_incompatibilities</a>, then shift-refresh this page to see your changes.</p>
</div>

<p>{{WebExtExamples("h2")}}</p>

<div class="note"><strong>謝辞</strong>

<p>この API は Chromium の <a href="https://developer.chrome.com/extensions/browserAction"><code>chrome.browserAction</code></a> API に基づいています。この文書は Chromium コードの <a href="https://chromium.googlesource.com/chromium/src/+/master/chrome/common/extensions/api/browser_action.json"><code>browser_action.json</code></a> から得ています。</p>

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

<div class="hidden">
<pre>// Copyright 2015 The Chromium Authors. All rights reserved.
//
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are
// met:
//
//    * Redistributions of source code must retain the above copyright
// notice, this list of conditions and the following disclaimer.
//    * Redistributions in binary form must reproduce the above
// copyright notice, this list of conditions and the following disclaimer
// in the documentation and/or other materials provided with the
// distribution.
//    * Neither the name of Google Inc. nor the names of its
// contributors may be used to endorse or promote products derived from
// this software without specific prior written permission.
//
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
</pre>
</div>