devtools.panels

Hinweis: Obwohl die APIs auf den Chrome devtools APIs basieren, gibt es noch viele Funktionen, die in Firefox noch nicht implementiert sind und daher hier nicht dokumentiert werden. Um zu sehen, welche Funktionen derzeit fehlen, lesen Sie bitte Einschränkungen der devtools APIs.

Die devtools.panels API ermöglicht es einer Devtools-Erweiterung, ihre Benutzeroberfläche im Devtools-Fenster zu definieren.

Das Devtools-Fenster beherbergt eine Reihe von separaten Werkzeugen - den JavaScript-Debugger, den Netzwerk-Monitor und so weiter. Eine Reihe von Tabs oben ermöglicht es dem Benutzer, zwischen den verschiedenen Werkzeugen zu wechseln. Das Fenster, das die Benutzeroberfläche jedes Werkzeugs beherbergt, wird als "Panel" bezeichnet.

Mit der devtools.panels API können Sie neue Panels im Devtools-Fenster erstellen.

Wie alle devtools APIs ist diese API nur für Code verfügbar, der im Dokument läuft, das im devtools_page manifest.json Schlüssel definiert ist, oder in anderen durch die Erweiterung erstellten Devtools-Dokumenten (wie dem eigenen Dokument des Panels). Weitere Informationen finden Sie unter Erweiterung der Entwicklerwerkzeuge.

Typen

devtools.panels.ElementsPanel

Repräsentiert den HTML/CSS-Inspektor in den Devtools des Browsers.

devtools.panels.ExtensionPanel

Repräsentiert ein durch die Erweiterung erstelltes Devtools-Panel.

devtools.panels.ExtensionSidebarPane

Repräsentiert ein Fenster, das eine Erweiterung zum HTML/CSS-Inspektor in den Devtools des Browsers hinzugefügt hat.

Eigenschaften

devtools.panels.elements

Eine Referenz auf ein ElementsPanel-Objekt.

devtools.panels.themeName

Der Name des aktuellen Devtools-Themas.

Funktionen

devtools.panels.create()

Erstellt ein neues Devtools-Panel.

Ereignisse

devtools.panels.onThemeChanged

Wird ausgelöst, wenn sich das Devtools-Thema ändert.

Beispielerweiterungen

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Firefox for Android
Safari on iOS
panels
Button
ElementsPanel
ElementsPanel.createSidebarPane
ElementsPanel.onSelectionChanged
ExtensionPanel
ExtensionPanel.createStatusBarButton
ExtensionPanel.onHidden
ExtensionPanel.onSearch
ExtensionPanel.onShown
SourcesPanel
SourcesPanel.createSidebarPane
SourcesPanel.onSelectionChanged
create
create.iconPath
create.pagePath
create.title
elements
onThemeChanged
openResource
openResource.columnNumber
openResource.lineNumber
openResource.url
setOpenResourceHandler
sources
themeName

Legend

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

Full support
Full support
No support
No support
See implementation notes.
Uses a non-standard name.
Has more compatibility info.

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