Modules

browserAction.setBadgeBackgroundColor()

Défini la couleur de fond du badge.

Syntaxe

browser.browserAction.setBadgeBackgroundColor(
  details // object
)

Paramètres

details
object.
color
La Couleur, spécifiée comme l'une des :
  • Un string: Toute valeur CSS <color>, par exemple "red", "#FF0000", or "rgb(255,0,0)".
    Utilisez une chaine vide - "" - pour effacer l'arrière-plan.
  • Un objet browserAction.ColorArray .
tabIdFacultatif
integer. Définit la couleur d'arrière-plan du badge pour l'onglet donné.

Compatibilité du navigateur

ChromeEdgeFirefoxFirefox for AndroidOpera
Support simple Oui Oui45 Non Oui
The color property of the details parameter can be set to a string. Oui Non Oui1 Non ?
The color property of the details parameter can be set to null. Non Non59 Non Non

1. Before Firefox 59, invalid color strings behaved as null.

La couelur par défaut dans Firefox est : [ 217, 0, 0, 255 ].

Exemples

Une couleur d'arrière plan qui commence en rouge et devient  verte lorsque l'action du navigateur est cliquée :

browser.browserAction.setBadgeText({text: "1234"});
browser.browserAction.setBadgeBackgroundColor({color: "red"});

browser.browserAction.onClicked.addListener(()=> {
  browser.browserAction.setBadgeBackgroundColor({color: "green"});
});

Réglez la couleur d'arrière-plan du badge uniquement pour l'onget actif :

browser.browserAction.setBadgeText({text: "1234"});
browser.browserAction.setBadgeBackgroundColor({color: "red"});

browser.browserAction.onClicked.addListener((tab)=> {
  browser.browserAction.setBadgeBackgroundColor({
    color: "green",
    tabId: tab.id
  });
});

Example extensions

Remerciements :

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.

Étiquettes et contributeurs liés au document

Contributeurs à cette page : hellosct1
Dernière mise à jour par : hellosct1,