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.
Beispiel-Erweiterungen
Browser-Kompatibilität
BCD tables only load in the browser
Hinweis: Diese API basiert auf der Chromium chrome.devtools.panels API.