devtools.panels
Hinweis: Obwohl die APIs auf den Chrome devtools APIs basieren, gibt es noch viele Funktionen, die in Firefox 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 innerhalb des Devtools-Fensters zu definieren.
Das Devtools-Fenster beherbergt eine Reihe von separaten Werkzeugen - den JavaScript-Debugger, den Netzwerkmonitor und so weiter. Eine Reihe von Registerkarten oben ermöglicht es dem Benutzer, zwischen den verschiedenen Werkzeugen zu wechseln. Das Fenster, das die Benutzeroberfläche jedes Werkzeugs hostet, 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 ausgeführt wird, das im devtools_page manifest.json Schlüssel definiert ist, oder in anderen von der Erweiterung erstellten Devtools-Dokumenten (wie dem eigenen Dokument des Panels). Siehe Erweiterung der Entwicklerwerkzeuge für mehr.
Typen
devtools.panels.ElementsPanel-
Repräsentiert den HTML/CSS-Inspektor in den Devtools des Browsers.
devtools.panels.ExtensionPanel-
Repräsentiert ein von der Erweiterung erstelltes Devtools-Panel.
-
Repräsentiert ein Feld, das eine Erweiterung zum HTML/CSS-Inspektor in den Devtools des Browsers hinzugefügt hat.
Eigenschaften
devtools.panels.elements-
Eine Referenz zu einem
ElementsPanelObjekt. 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
Loading…
Hinweis:
Diese API basiert auf der Chromium chrome.devtools.panels API.