devtools.panels.ElementsPanel.createSidebarPane()

Добавляет новую вкладку в боковую панель инспектора HTML/CSS.

Инспектор HTML/CSS, называемый в Firefox Инспектор страницы, а в Chrome — панель Элементы, отображает DOM страницы в основной части окна и имеет боковую панель, которая отображает различные аспекты HTML/CSS страницы в виде вкладок. Например, в Firefox боковая панель может отображать правила CSS для выбранного элемента, его шрифты или модель бокса.

Функция createSidebarPane() добавляет новую вкладку в боковую панель. Например, на скриншоте ниже показана новая вкладка с названием "Моя вкладка", отображающая JSON-объект:

Эта функция принимает один аргумент, который представляет собой строку, являющуюся заголовком вкладки. Она возвращает Promise, который разрешается в объект ExtensionSidebarPane, представляющий новую вкладку. Вы можете использовать этот объект для определения содержимого и поведения вкладки.

let creating = browser.devtools.panels.elements.createSidebarPane(
  title       // string
)

function onCreated(sidebarPane) {
  sidebarPane.setObject({
    someBool: true,
    someString: "hello there",
    someObject: {
      someNumber: 42,
      someOtherString: "this is my pane's content"
    }
  });
}

browser.devtools.panels.elements.createSidebarPane("My pane").then(onCreated);