devtools.panels
注意： 雖然這些 API 基於Chrome devtools API，但 Firefox 仍有許多功能尚未實現，因此此處未予記錄。要檢視當前缺失的功能，請參閱DevTools API 的限制。
devtools.panels API 允許開發者工具擴充套件在開發者工具視窗內定義其使用者介面。
開發者工具視窗承載著許多獨立的工具——JavaScript 偵錯程式、網路監視器等等。頂部的標籤頁行允許使用者在不同工具之間切換。承載每個工具使用者介面的視窗被稱為“面板”。
使用 devtools.panels API，您可以在開發者工具視窗中建立新的面板。
與所有 devtools API 一樣，此 API 僅對在 devtools_page manifest.json 鍵中定義的文件，或在擴充套件建立的其他開發者工具文件（如面板本身的文件）中執行的程式碼可用。更多資訊請參閱擴充套件開發者工具。
型別
devtools.panels.ElementsPanel-
代表瀏覽器開發者工具中的 HTML/CSS 檢查器。
devtools.panels.ExtensionPanel-
代表由擴充套件建立的開發者工具面板。
-
代表擴充套件已新增到瀏覽器開發者工具中的 HTML/CSS 檢查器中的一個窗格。
屬性
devtools.panels.elements-
指向
ElementsPanel物件的引用。 devtools.panels.themeName-
當前開發者工具主題的名稱。
函式
devtools.panels.create()-
建立一個新的開發者工具面板。
事件
devtools.panels.onThemeChanged-
當開發者工具主題更改時觸發。
擴充套件程式示例
瀏覽器相容性
載入中…
注意：此 API 基於 Chromium 的 chrome.devtools.panels API。