devtools.panels.ExtensionPanel

Ein ExtensionPanel stellt ein Panel dar, das zu den DevTools hinzugefügt wurde. Es ist das Ergebnis 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 hat).

Browser-Kompatibilität

BCD tables only load in the browser

Beispiele

Dieser Code erstellt ein neues Panel und fügt dann Handler für seine 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);
  });

Hinweis: Diese API basiert auf Chromiums chrome.devtools.panels API.