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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Firefox for Android
Safari on iOS
ExtensionPanel
createStatusBarButton
onHidden
onSearch
onShown

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

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.