action.setBadgeTextColor()
Legt die Textfarbe für das Badge der Browseraktion fest. Registerkarten ohne eine spezifische Badge-Textfarbe erben die globale Badge-Textfarbe.
Hinweis: Diese API ist in Manifest V3 oder höher verfügbar.
Syntax
browser.action.setBadgeTextColor(
details // object
)
Parameter
details
-
Ein Objekt mit den folgenden Eigenschaften:
color
-
Die Farbe, angegeben als eine der folgenden Optionen:
- ein String: ein beliebiger CSS <color> Wert, zum Beispiel
"red"
,"#FF0000"
oder"rgb(255 0 0)"
. Wenn der String keine gültige Farbe ist, wird das zurückgegebene Versprechen abgelehnt und die Textfarbe wird nicht geändert. - ein
action.ColorArray
-Objekt. null
. Wenn einetabId
angegeben ist, wird die tab-spezifische Badge-Textfarbe entfernt, sodass der Tab die globale Badge-Textfarbe erbt. Andernfalls wird die globale Badge-Textfarbe auf den Standardwert zurückgesetzt.
- ein String: ein beliebiger CSS <color> Wert, zum Beispiel
tabId
Optional-
integer
. Setzt die Badge-Textfarbe nur für den angegebenen Tab. Die Farbe wird zurückgesetzt, wenn der Benutzer diesen Tab zu einer neuen Seite navigiert. windowId
Optional-
integer
. Setzt die Badge-Textfarbe nur für das angegebene Fenster.
- Wenn
windowId
undtabId
beide angegeben sind, schlägt die Funktion fehl und die Farbe wird nicht gesetzt. - Wenn
windowId
undtabId
beide weggelassen werden, wird stattdessen die globale Badge-Textfarbe gesetzt.
Beispiele
Eine Badge-Textfarbe, die zunächst rot ist und grün wird, wenn die Browseraktion angeklickt wird:
browser.action.setBadgeText({ text: "1234" });
browser.action.setBadgeTextColor({ color: "red" });
browser.action.onClicked.addListener(() => {
browser.action.setBadgeTextColor({ color: "green" });
});
Setzen Sie die Badge-Textfarbe nur für den aktiven Tab:
browser.action.setBadgeText({ text: "1234" });
browser.action.setBadgeTextColor({ color: "red" });
browser.action.onClicked.addListener((tab) => {
browser.action.setBadgeTextColor({
color: "green",
tabId: tab.id,
});
});
Browser-Kompatibilität
Loading…
Hinweis:
Diese API basiert auf der chrome.action
API von Chromium. Diese Dokumentation stammt aus browser_action.json
im Chromium-Code.