devtools

Cette API permet aux extensions d'interagir avec les outils de développement (devtools) du navigateur. Elle peut être utilisée pour créer des pages d'outils de développement, interagir avec la fenêtre qui est inspectée, inspecter la page réseau des outils.

Pour utiliser cette API, la permission "devtools" doit être spécifiée dans le fichier manifest.json. Cette permission ne peut pas être facultative.

Interfaces

devtools.inspectedWindow

Interagit avec la fenêtre sur laquelle les outils de développement sont attachés (il s'agit de la fenêtre inspectée). Cela inclut l'obtention de l'identifiant d'onglet pour la page inspectée, l'évaluation du code dans le contexte de la fenêtre inspectée, le rechargement de la page ou l'obtention de la liste des ressources dans la page.

devtools.network

Obtenir des informations sur les requêtes de réseau associées à la fenêtre sur laquelle les outils de développement sont attachés (il s'agit de la fenêtre inspectée).

devtools.panels

Créer des panneaux avec une interface utilisateur qui seront affichés dans les outils de développement de l'agent utilisateur.

Compatibilité des navigateurs

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.

Note : Cette API est basée sur l'API Chromium chrome.devtools.

Les données de compatibilité relatives à Microsoft Edge sont fournies par Microsoft Corporation et incluses ici sous la licence Creative Commons Attribution 3.0 pour les États-Unis.