1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
---
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>Ajoute un bouton à la barre d'outils du navigateur.</p>
<p>Une <a href="/fr/Add-ons/WebExtensions/Browser_action">action du navigateur</a> est un bouton dans la barre d'outils du navigateur.</p>
<p>Vous pouvez associer une fenêtre contextuelle au bouton. La fenêtre contextuelle est spécifée en utilisant HTML, CSS et JavaScript, tout comme une page Web normale. JavaScript en cours d'exécution dans le popup accède à toutes les mêmes API WebExtension que vos scripts de fond, mais son contexte global est le popup, et non la page courrante affichée dans le navigateur. Pour effectuer les pages Web, vous devez communiquer avec eux par des <a href="/fr/Add-ons/WebExtensions/Modify_a_web_page#Messaging">messages</a>.</p>
<p>Si vous spécifiez une fenêtre contextuelle, elle sera affichée — et le contenu sera chargé — quand l'utilisateur clique sur l'icône. Si vous ne spécifiez pas de fenêtre contextuelle, alors lorsque l'utilisateur clique sur l'icône, un événement est envoyé à votre extension.</p>
<p>Vous pouvez définir la plupart des propriétés d'une action de navigateur en utilisant la clé <code><a href="/fr/docs/Mozilla/Add-ons/WebExtensions/manifest.json/browser_action">browser_action</a></code> dans le manifest.json.</p>
<p>Quand l'API <code>browserAction</code>, vous pouvez :</p>
<ul>
<li>Utiliser {{WebExtAPIRef("browserAction.onClicked")}} pour écouter les clics sur l'icône.</li>
<li>Obtenir et définir les propriétés de l'icône — icône, titre, popup, etc. Vous pouvez les définir globalement dans tous les onglets ou pour un onglet spécifique en passant l'ID de l'onglet comme un argument supplémentaire.</li>
</ul>
<h2 id="Types">Types</h2>
<dl>
<dt>{{WebExtAPIRef("browserAction.ColorArray")}}</dt>
<dd>Un tableau de quatre nombres entiers entre 0-255 définie une couleur RGBA.</dd>
<dt>{{WebExtAPIRef("browserAction.ImageDataType")}}</dt>
<dd>Données en pixels pour une image. Doit être un objet <code><a href="/fr/docs/Web/API/ImageData">ImageData</a></code> (par exemple, un élément {{htmlelement("canvas")}} ).</dd>
</dl>
<h2 id="Fonctions">Fonctions</h2>
<dl>
<dt>{{WebExtAPIRef("browserAction.setTitle()")}}</dt>
<dd>Définit le titre de l'action du navigateur. Cela sera affiché dans une info-bulle.</dd>
<dt>{{WebExtAPIRef("browserAction.getTitle()")}}</dt>
<dd>Obtient le titre de l'action du navigateur.</dd>
<dt>{{WebExtAPIRef("browserAction.setIcon()")}}</dt>
<dd>Définit l'icône de l'action du navigateur.</dd>
<dt>{{WebExtAPIRef("browserAction.setPopup()")}}</dt>
<dd>Définit le document HTML à ouvrir en popup lorsque l'utilisateur clique sur l'icône de l'action du navigateur.</dd>
<dt>{{WebExtAPIRef("browserAction.getPopup()")}}</dt>
<dd>Permet de définir le document HTML en tant que popup de l'action du navigateur.</dd>
<dt>{{WebExtAPIRef("browserAction.openPopup()")}}</dt>
<dd>Ouvrez le popup de l'action du navigateur.</dd>
<dt>{{WebExtAPIRef("browserAction.setBadgeText()")}}</dt>
<dd>Définit le texte du badge de l'action du navigateur. Le badge est affiché en haut de l'icône.</dd>
<dt>{{WebExtAPIRef("browserAction.getBadgeText()")}}</dt>
<dd>Obtient le texte du badge de l'action du navigateur.</dd>
<dt>{{WebExtAPIRef("browserAction.setBadgeBackgroundColor()")}}</dt>
<dd>Définit la couleur de fond du badge.</dd>
<dt>{{WebExtAPIRef("browserAction.getBadgeBackgroundColor()")}}</dt>
<dd>Obtient la couleur de fond du badge.</dd>
<dt>{{WebExtAPIRef("browserAction.setBadgeTextColor()")}}</dt>
<dd>Définit la couleur du texte du badge.</dd>
<dt>{{WebExtAPIRef("browserAction.getBadgeTextColor()")}}</dt>
<dd>Obtient la couleur du texte du badge.</dd>
<dt>{{WebExtAPIRef("browserAction.enable()")}}</dt>
<dd>Active l'action du navigateur pour un onglet. Par défaut, les actions du navigateur sont activées pour tous les onglets.</dd>
<dt>{{WebExtAPIRef("browserAction.disable()")}}</dt>
<dd>Désactive l'action du navigateur pour un onglet, ce qui signifie qu'il ne peut pas être cliqué lorsque cet onglet est actif.</dd>
<dt>{{WebExtAPIRef("browserAction.isEnabled()")}}</dt>
<dd>Vérifie si l'action du navigateur est activée ou non.</dd>
</dl>
<h2 id="Evénements">Evénements</h2>
<dl>
<dt>{{WebExtAPIRef("browserAction.onClicked")}}</dt>
<dd>Action quand l'icone d'action du navigateur est cliqué. Cet événement ne déclenchera pas si l'action du navigateur comporte une fenêtre contextuelle.</dd>
</dl>
<h2 id="Compatibilité_du_navigateur">Compatibilité du navigateur</h2>
<p>{{Compat("webextensions.api.browserAction")}}</p>
<div class="hidden note">
<p>La section "incompatibilités Chrome" est inclused dans <a href="/fr/Add-ons/WebExtensions/Chrome_incompatibilities"> https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities</a> à l'aide de la macro <a href="/fr/docs/Template:WebExtChromeCompat">WebExtChromeCompat</a>.</p>
<p>Si vous devez mettre à jour ce contenu, editez <a href="/fr/Add-ons/WebExtensions/Chrome_incompatibilities">https://developer.mozilla.org/fr/Add-ons/WebExtensions/Chrome_incompatibilities</a>, puis déplacez-actualisez cette page pour voir les modifications.</p>
</div>
<p>{{WebExtExamples("h2")}}</p>
<div class="note"><strong>Remerciements :</strong>
<p>Cette API est basée sur l'API Chromium <a href="https://developer.chrome.com/extensions/browserAction"><code>chrome.browserAction</code></a>. Cette documentation est dérivée de <a href="https://chromium.googlesource.com/chromium/src/+/master/chrome/common/extensions/api/browser_action.json"><code>browser_action.json</code></a> dans le code de Chromium code.</p>
<p>Les données de compatibilité relatives à Microsoft Edge sont fournies par Microsoft Corporation et incluses ici sous la licence Creative Commons Attribution 3.0 pour les États-Unis.</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>
|
