devtools

Ermöglicht Erweiterungen, mit den Entwicklerwerkzeugen des Browsers zu interagieren. Sie verwenden diese API, um Entwicklerwerkzeug-Seiten zu erstellen, mit dem Fenster zu interagieren, das inspiziert wird, und die Netzwerkverwendung der Seite zu inspizieren.

Um diese API zu verwenden, müssen Sie den Schlüssel devtools_page im Manifest angeben. Die Verwendung dieses Manifestschlüssels löst eine Erlaubnismeldung zur Installationszeit über die Entwicklerwerkzeuge aus. Um eine Erlaubnismeldung zur Installationszeit zu vermeiden, markieren Sie die Funktion als optional, indem Sie die Berechtigung "devtools" im Manifest-Schlüssel optional_permissions aufführen.

Hinweis: Die optionale Berechtigung "devtools" wird nur von Firefox und nicht von Chrome unterstützt (Chromium issue 1143015).

Eigenschaften

devtools.inspectedWindow

Interaktion mit dem Fenster, an dem die Entwicklerwerkzeuge angehängt sind (inspiziertes Fenster). Dies umfasst das Abrufen der Tab-ID für die inspizierte Seite, die Ausführung von Code im Kontext des inspizierten Fensters, das Neuladen der Seite oder das Abrufen der Liste von Ressourcen innerhalb der Seite.

devtools.network

Informationen über Netzwerk-Anfragen abrufen, die mit dem Fenster verbunden sind, an dem die Entwicklerwerkzeuge angehängt sind (das inspizierte Fenster).

devtools.panels

Erstellen von Benutzeroberflächen-Panels, die innerhalb der Nutzeragenten-Entwicklerwerkzeuge angezeigt werden.

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Firefox for Android
Safari on iOS
devtools
inspectedWindow
inspectedWindow.Resource
Resource.getContent
Resource.setContent
Resource.url
inspectedWindow.eval
eval.$0
eval.expression
eval.inspect
eval.options
options.contextSecurityOrigin
options.frameURL
options.scriptExecutionContext
options.useContentScriptContext
inspectedWindow.getResources
inspectedWindow.onResourceAdded
inspectedWindow.onResourceContentCommitted
inspectedWindow.reload
inspectedWindow.tabId
network
network.getHAR
network.onNavigated
network.onRequestFinished
panels
panels.Button
panels.ElementsPanel
ElementsPanel.createSidebarPane
ElementsPanel.onSelectionChanged
panels.ExtensionPanel
ExtensionPanel.createStatusBarButton
ExtensionPanel.onHidden
ExtensionPanel.onSearch
ExtensionPanel.onShown
panels.SourcesPanel
SourcesPanel.createSidebarPane
SourcesPanel.onSelectionChanged
panels.create
create.iconPath
create.pagePath
create.title
panels.elements
panels.onThemeChanged
panels.openResource
openResource.columnNumber
openResource.lineNumber
openResource.url
panels.setOpenResourceHandler
panels.sources
panels.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 chrome.devtools API von Chromium.