devtools

允许扩展与浏览器的开发者工具进行交互。你可以使用这个 API 来创建开发者工具页面,操作被检查的窗口,检查页面的网络使用情况。

要使用这个 API,你必须在清单(manifest)中指定相应的 devtools_page 键。使用这个清单键会触发安装时的开发者工具权限警告。为了避免安装时的权限警告,可以在 optional_permissions 清单键中列出 "devtools" 权限,将该特性标记为可选。

备注: "devtools" 可选权限仅被 Firefox 支持,Chrome 不支持(Chromium issue 1143015)。

属性

devtools.inspectedWindow

与开发者工具附加到的窗口(检查窗口)进行交互。这包括获取检查页面的标签页 ID,在检查窗口的上下文中评估代码,重新加载页面,或获取页面内的资源列表。

devtools.network

获取与开发者工具附加到的窗口(检查窗口)相关的网络请求信息。

devtools.panels

创建将在用户代理开发者工具内显示的用户界面面板。

浏览器兼容性

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.

备注: 此 API 基于 Chromium 的 chrome.devtools API。