devtools.panels

注意: 虽然这些 API 基于Chrome devtools API,但 Firefox 仍有许多功能尚未实现,因此此处未予记录。要查看当前缺失的功能,请参阅DevTools API 的限制

devtools.panels API 允许开发者工具扩展在开发者工具窗口内定义其用户界面。

开发者工具窗口承载着许多独立的工具——JavaScript 调试器、网络监视器等等。顶部的标签页行允许用户在不同工具之间切换。承载每个工具用户界面的窗口被称为“面板”。

使用 devtools.panels API,您可以在开发者工具窗口中创建新的面板。

与所有 devtools API 一样,此 API 仅对在 devtools_page manifest.json 键中定义的文档,或在扩展创建的其他开发者工具文档(如面板本身的文档)中运行的代码可用。更多信息请参阅扩展开发者工具

类型

devtools.panels.ElementsPanel

代表浏览器开发者工具中的 HTML/CSS 检查器。

devtools.panels.ExtensionPanel

代表由扩展创建的开发者工具面板。

devtools.panels.ExtensionSidebarPane

代表扩展已添加到浏览器开发者工具中的 HTML/CSS 检查器中的一个窗格。

属性

devtools.panels.elements

指向 ElementsPanel 对象的引用。

devtools.panels.themeName

当前开发者工具主题的名称。

函数

devtools.panels.create()

创建一个新的开发者工具面板。

事件

devtools.panels.onThemeChanged

当开发者工具主题更改时触发。

扩展程序示例

浏览器兼容性

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