devtools.panels.ExtensionPanel

Значения этого типа — объекты. Они определяют два события: onShown и onHidden.

• onShown генерируется, когда панель отображается в devtools (например, потому что пользователь нажал на вкладку панели в окне devtools).
• onHidden генерируется, когда панель скрывается (например, потому что пользователь переключился на другую вкладку в окне devtools).

Этот код создает новую панель, а затем добавляет обработчики для её onShown и onHidden событий.

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);
});