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.