Ajoute un bouton à la barre d'outils du navigateur.
Une action du navigateur est un bouton dans la barre d'outils du navigateur.
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 messages.
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.
Vous pouvez définir la plupart des propriétés d'une action de navigateur en utilisant la clé browser_action
dans le manifest.json.
Quand l'API browserAction
, vous pouvez :
- Utiliser
browserAction.onClicked
pour écouter les clics sur l'icône. - 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.
Types
browserAction.ColorArray
- Un tableau de quatre nombres entiers entre 0-255 définie une couleur RGBA.
browserAction.ImageDataType
- Données en pixels pour une image. Doit être un objet
ImageData
(par exemple, un élément<canvas>
).
Fonctions
browserAction.setTitle()
- Définit le titre de l'action du navigateur. Cela sera affiché dans une info-bulle.
browserAction.getTitle()
- Obtient le titre de l'action du navigateur.
browserAction.setIcon()
- Définit l'icône de l'action du navigateur.
browserAction.setPopup()
- Définit le document HTML à ouvrir en popup lorsque l'utilisateur clique sur l'icône de l'action du navigateur.
browserAction.getPopup()
- Permet de définir le document HTML en tant que popup de l'action du navigateur.
browserAction.openPopup()
- Ouvrez le popup de l'action du navigateur.
browserAction.setBadgeText()
- Définit le texte du badge de l'action du navigateur. Le badge est affiché en haut de l'icône.
browserAction.getBadgeText()
- Obtient le texte du badge de l'action du navigateur.
browserAction.setBadgeBackgroundColor()
- Définit la couleur de fond du badge.
browserAction.getBadgeBackgroundColor()
- Obtient la couleur de fond du badge.
browserAction.setBadgeTextColor()
- Définit la couleur du texte du badge.
browserAction.getBadgeTextColor()
- Obtient la couleur du texte du badge.
browserAction.enable()
- Active l'action du navigateur pour un onglet. Par défaut, les actions du navigateur sont activées pour tous les onglets.
browserAction.disable()
- Désactive l'action du navigateur pour un onglet, ce qui signifie qu'il ne peut pas être cliqué lorsque cet onglet est actif.
browserAction.isEnabled()
- Vérifie si l'action du navigateur est activée ou non.
Evénements
browserAction.onClicked
- 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.
Compatibilité du navigateur
Ordinateur | Mobile | ||||
---|---|---|---|---|---|
ColorArray | Chrome Support complet Oui | Edge Support complet 14 | Firefox Support complet 45 | Opera Support complet Oui | Firefox Android Aucun support Non |
ImageDataType | Chrome Support complet Oui | Edge Support complet 14 | Firefox Support complet 45 | Opera Support complet Oui | Firefox Android Aucun support Non |
disable | Chrome Support complet Oui | Edge Support complet 14 | Firefox Support complet 45 | Opera Support complet Oui | Firefox Android Aucun support Non |
enable | Chrome Support complet Oui | Edge Support complet 14 | Firefox Support complet 45 | Opera Support complet Oui | Firefox Android Aucun support Non |
getBadgeBackgroundColor | Chrome Support complet Oui | Edge Support complet 14 | Firefox Support complet 45 | Opera Support complet Oui | Firefox Android Aucun support Non |
getBadgeText | Chrome Support complet Oui | Edge Support complet 14 | Firefox Support complet 45 | Opera Support complet Oui | Firefox Android Aucun support Non |
getBadgeTextColor | Chrome Aucun support Non | Edge Aucun support Non | Firefox Support complet 63 | Opera Aucun support Non | Firefox Android Aucun support Non |
getPopup | Chrome Support complet Oui | Edge Aucun support Non | Firefox Support complet 45 | Opera Support complet Oui | Firefox Android Support complet 57 |
getTitle | Chrome Support complet Oui | Edge Support complet 15 | Firefox Support complet 45 | Opera Support complet Oui | Firefox Android Support complet 55 |
isEnabled | Chrome Aucun support Non | Edge Aucun support Non | Firefox Support complet 59 | Opera Aucun support Non | Firefox Android Aucun support Non |
onClicked | Chrome Support complet Oui | Edge Support complet 14 | Firefox Support complet 45 | Opera Support complet Oui | Firefox Android Support complet 55 |
openPopup | Chrome
Support complet
67
| Edge Aucun support Non | Firefox Support complet 57 | Opera Aucun support Non | Firefox Android Aucun support Non |
setBadgeBackgroundColor | Chrome Support complet Oui | Edge Support complet 14 | Firefox
Support complet
45
| Opera Support complet Oui | Firefox Android Aucun support Non |
setBadgeText | Chrome Support complet Oui | Edge Support complet 14 | Firefox
Support complet
45
| Opera Support complet Oui | Firefox Android Aucun support Non |
setBadgeTextColor | Chrome Aucun support Non | Edge Aucun support Non | Firefox Support complet 63 | Opera Aucun support Non | Firefox Android Aucun support Non |
setIcon | Chrome
Support complet
Oui
| Edge
Support complet
14
| Firefox
Support complet
45
| Opera Support complet 15 | Firefox Android Aucun support Non |
setPopup | Chrome Support complet Oui | Edge Support complet 14 | Firefox
Support complet
45
| Opera Support complet Oui | Firefox Android
Support complet
57
|
setTitle | Chrome Support complet Oui | Edge Support complet 15 | Firefox
Support complet
45
| Opera Support complet Oui | Firefox Android
Support complet
55
|
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
- Voir les notes d'implémentation.
- Voir les notes d'implémentation.
- Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
- Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
La section "incompatibilités Chrome" est inclused dans https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Chrome_incompatibilities à l'aide de la macro WebExtChromeCompat.
Si vous devez mettre à jour ce contenu, editez https://developer.mozilla.org/fr/Add-ons/WebExtensions/Chrome_incompatibilities, puis déplacez-actualisez cette page pour voir les modifications.
Example extensions
- bookmark-it
- favourite-colour
- find-across-tabs
- forget-it
- google-userinfo
- native-messaging
- open-my-page-button
- permissions
- runtime-examples
- store-collected-images
- tabs-tabs-tabs
Cette API est basée sur l'API Chromium chrome.browserAction
. Cette documentation est dérivée de browser_action.json
dans le code de Chromium code.
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.
// 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.