devtools.panels.ExtensionPanel

一个 ExtensionPanel 代表一个添加到 devtools 的面板。它是 Promise 的解析结果，该解析结果由 browser.devtools.panels.create() 返回。

类型

此类型的值是对象。它定义了两个事件，onShown 和 onHidden。

  • onShown 在面板在 devtools 中显示时发出（例如，因为用户点击了 devtools 窗口中面板的标签）。
  • onHidden 在面板隐藏时发出（例如，因为用户切换到 devtools 窗口中的另一个标签）。

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。

示例

此代码创建了一个新的面板，然后为其 onShown 和 onHidden 事件添加了处理程序。

js
function handleShown(e) {
  console.log(e);
  console.log("panel is being shown");
}

function handleHidden(e) {
  console.log(e);
  console.log("panel is being hidden");
}

browser.devtools.panels
  .create(
    "My Panel", // title
    "icons/star.png", // icon
    "devtools/panel/panel.html", // content
  )
  .then((newPanel) => {
    newPanel.onShown.addListener(handleShown);
    newPanel.onHidden.addListener(handleHidden);
  });

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