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-
代表由扩展创建的开发者工具面板。
-
代表扩展已添加到浏览器开发者工具中的 HTML/CSS 检查器中的一个窗格。
属性
devtools.panels.elements-
指向
ElementsPanel对象的引用。 devtools.panels.themeName-
当前开发者工具主题的名称。
函数
devtools.panels.create()-
创建一个新的开发者工具面板。
事件
devtools.panels.onThemeChanged-
当开发者工具主题更改时触发。
扩展程序示例
浏览器兼容性
加载中…
注意:此 API 基于 Chromium 的 chrome.devtools.panels API。