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.
-
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 GitHubdesktop | mobile | ||||||
---|---|---|---|---|---|---|---|
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.