devtools.panels.ElementsPanel.createSidebarPane()
在 HTML/CSS 檢查器中新增一個新的側邊欄面板。
HTML/CSS 檢查器，在 Firefox 中稱為 頁面檢查器，在 Chrome 中稱為 Elements panel，在視窗的主區域顯示頁面 DOM，並帶有一個側邊欄，該側邊欄以標籤頁介面的形式顯示頁面 HTML/CSS 的各種其他方面。例如，在 Firefox 中，側邊欄可以顯示選定元素的 CSS 規則、字型或盒模型。
createSidebarPane() 函式會在側邊欄中新增一個新面板。例如，下面的螢幕截圖顯示了一個名為“My pane”的新面板，該面板顯示了一個 JSON 物件
此函式接受一個引數，即一個字串，表示面板的標題。它返回一個 Promise，該 Promise 會解析為一個 ExtensionSidebarPane 物件，表示新面板。您可以使用該物件來定義面板的內容和行為。
語法
js
let creating = browser.devtools.panels.elements.createSidebarPane(
title // string
)
引數
title-
string。面板的標題。這將出現在側邊欄頂部的標籤行中，並且是使用者識別您的面板的主要方式。
返回值
一個 Promise，它將透過一個 ExtensionSidebarPane 物件來 fulfilled，該物件表示新面板。
示例
建立一個新面板，並用 JSON 物件填充它。您可以在擴充套件程式的 devtools page 載入的指令碼中執行此程式碼。
js
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);
瀏覽器相容性
載入中…
注意：此 API 基於 Chromium 的 chrome.devtools.panels API。