scripting.removeCSS()

details

Ein Objekt, das beschreibt, welches CSS entfernt werden soll und wo es entfernt werden soll. Es enthält die folgenden Eigenschaften:

css Optional

string. Ein String, der das zu injizierende CSS enthält. Entweder css oder files muss angegeben werden und muss dem Stylesheet entsprechen, das durch scripting.insertCSS() eingefügt wurde.

files Optional

array von string. Der Pfad von CSS-Dateien, die injiziert werden sollen, relativ zum Stammverzeichnis des Add-ons. Entweder files oder css muss angegeben werden und muss dem Stylesheet entsprechen, das durch scripting.insertCSS() eingefügt wurde.

origin Optional

string. Der Stil-Ursprung für die Injektion, entweder USER oder AUTHOR. Standardmäßig AUTHOR. Muss dem Ursprungsstil des Stylesheets entsprechen, das durch scripting.insertCSS() eingefügt wurde.

target

scripting.InjectionTarget. Details, die das Ziel angeben, von dem das CSS entfernt werden soll.

Ein Promise, das ohne Argumente erfüllt wird, wenn das gesamte CSS entfernt wurde. Tritt ein Fehler auf, wird das Promise abgelehnt. Versuche, nicht vorhandene Stylesheets zu entfernen, werden ignoriert.

Dieses Beispiel fügt einige CSS mit scripting.insertCSS hinzu, das dann wieder entfernt wird, wenn der Nutzer auf eine Browser-Aktion klickt:

// Assuming some style has been injected previously with the following code:
//
// await browser.scripting.insertCSS({
//   target: {
//     tabId: tab.id,
//   },
//   css: "* { background: #c0ffee }",
// });
//
// We can remove it when a user clicked an extension button like this:
browser.action.onClicked.addListener(async (tab) => {
  try {
    await browser.scripting.removeCSS({
      target: {
        tabId: tab.id,
      },
      css: "* { background: #c0ffee }",
    });
  } catch (err) {
    console.error(`failed to remove CSS: ${err}`);
  }
});