Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

devtools.panels.ExtensionPanel

Ein ExtensionPanel repräsentiert ein Panel, das den DevTools hinzugefügt wurde. Es ist die Auflösung des Promise, das von browser.devtools.panels.create() zurückgegeben wird.

Typ

Werte dieses Typs sind Objekte. Sie definieren zwei Ereignisse, onShown und onHidden.

  • onShown wird ausgelöst, wenn das Panel in den DevTools angezeigt wird (zum Beispiel, weil der Benutzer auf den Tab des Panels im DevTools-Fenster geklickt hat).
  • onHidden wird ausgelöst, wenn das Panel ausgeblendet wird (zum Beispiel, weil der Benutzer zu einem anderen Tab im DevTools-Fenster gewechselt ist).

Beispiele

Dieser Code erstellt ein neues Panel und fügt dann Handler für dessen onShown und onHidden Ereignisse hinzu.

js
function handleShown(e) {
  console.log(e);
  console.log("panel is being shown");
}

function handleHidden(e) {
  console.log(e);
  console.log("panel is being hidden");
}

browser.devtools.panels
  .create(
    "My Panel", // title
    "icons/star.png", // icon
    "devtools/panel/panel.html", // content
  )
  .then((newPanel) => {
    newPanel.onShown.addListener(handleShown);
    newPanel.onHidden.addListener(handleHidden);
  });

Browser-Kompatibilität

Hinweis: Diese API basiert auf der chrome.devtools.panels API von Chromium.