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

<p><a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Page_actions">ページアクション</a> は、ブラウザーのアドレスバーの中のクリックできるアイコンです。</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/12960/page-action.png" style="display: block; height: 262px; margin-left: auto; margin-right: auto; width: 850px;"></p>

<p>You can listen for clicks on the icon, or specify a <a href="https://developer.mozilla.org/ja/docs/Mozilla/Add-ons/WebExtensions/Popups">popup</a> that will open when the icon is clicked.</p>

<p>If you specify a popup, you can define its contents and behavior using HTML, CSS, and JavaScript, just like a normal web page. JavaScript running in the popup gets access to all the same WebExtension APIs as your background scripts.</p>

<p>You can define most of a page action's properties declaratively using the <a href="/ja/Add-ons/WebExtensions/manifest.json/page_action">page_action key</a> in your <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/manifest.json">manifest.json</a>, but can also redefine them programmatically using this API.</p>

<p>Page actions are for actions that are only relevant to particular pages. If your icon should always be available, use a <a href="/ja/docs/Mozilla/Add-ons/WebExtensions/Browser_action">browser action</a> instead.</p>

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

<dl>
 <dt>{{WebExtAPIRef("pageAction.ImageDataType")}}</dt>
 <dd>Pixel data for an image.</dd>
</dl>

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

<dl>
 <dt>{{WebExtAPIRef("pageAction.show()")}}</dt>
 <dd>Shows the page action for a given tab.</dd>
 <dt>{{WebExtAPIRef("pageAction.hide()")}}</dt>
 <dd>Hides the page action for a given tab.</dd>
 <dt>{{WebExtAPIRef("pageAction.setTitle()")}}</dt>
 <dd>Sets the page action's title. This is displayed in a tooltip over the page action.</dd>
 <dt>{{WebExtAPIRef("pageAction.getTitle()")}}</dt>
 <dd>Gets the page action's title.</dd>
 <dt>{{WebExtAPIRef("pageAction.setIcon()")}}</dt>
 <dd>Sets the page action's icon.</dd>
 <dt>{{WebExtAPIRef("pageAction.setPopup()")}}</dt>
 <dd>Sets the URL for the page action's popup.</dd>
 <dt>{{WebExtAPIRef("pageAction.getPopup()")}}</dt>
 <dd>Gets the URL for the page action's popup.</dd>
 <dt>{{WebExtAPIRef("pageAction.openPopup()")}}</dt>
 <dd>Opens the page action's popup.</dd>
</dl>

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

<dl>
 <dt>{{WebExtAPIRef("pageAction.onClicked")}}</dt>
 <dd>Fired when a page action icon is clicked. This event will not fire if the page action has a popup.</dd>
</dl>

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

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

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

<div class="note"><strong>Acknowledgements</strong>

<p>This API is based on Chromium's <a href="https://developer.chrome.com/extensions/pageAction"><code>chrome.pageAction</code></a> API. This documentation is derived from <a href="https://chromium.googlesource.com/chromium/src/+/master/chrome/common/extensions/api/page_action.json"><code>page_action.json</code></a> in the Chromium code.</p>

<p>Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the 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>