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 GitHubdesktop | mobile | ||||||
---|---|---|---|---|---|---|---|
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
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
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.