devtools.panels
注意: 虽然 API 基于 Chrome devtools API，但 Firefox 中仍有许多功能尚未实现，因此未在此处记录。要查看当前缺少哪些功能，请参阅 开发者工具 API 的限制。
devtools.panels API 允许 devtools 扩展在 devtools 窗口内定义其用户界面。
devtools 窗口托管了许多单独的工具，例如 JavaScript 调试器、网络监视器等。顶部的选项卡行允许用户在不同的工具之间切换。托管每个工具用户界面的窗口称为“面板”。
使用 devtools.panels API，您可以在 devtools 窗口中创建新的面板。
与所有 devtools API 一样，此 API 仅对在 devtools_page manifest.json 键中定义的文档中运行的代码，或扩展创建的其他 devtools 文档（例如面板的自身文档）中运行的代码可用。有关详细信息，请参阅 扩展开发者工具。
类型
devtools.panels.ElementsPanel-
表示浏览器 devtools 中的 HTML/CSS 检查器。
devtools.panels.ExtensionPanel-
表示扩展创建的 devtools 面板。
-
表示扩展添加到浏览器 devtools 中的 HTML/CSS 检查器的窗格。
属性
devtools.panels.elements-
对
ElementsPanel对象的引用。 devtools.panels.themeName-
当前 devtools 主题的名称。
函数
devtools.panels.create()-
创建一个新的 devtools 面板。
事件
devtools.panels.onThemeChanged-
当 devtools 主题发生变化时触发。
示例扩展
浏览器兼容性
BCD 表格仅在浏览器中加载
注意: 此 API 基于 Chromium 的 chrome.devtools.panels API。