devtools.panels.ExtensionSidebarPane

The ExtensionSidebarPane object represents a pane that an extension has added to the sidebar in the browser's HTML/CSS inspector.

new pane titled "My pane" that displays a JSON object

To create an ExtensionSidebarPane, call the browser.devtools.panels.elements.createSidebarPane() function.

Functions

devtools.panels.ExtensionSidebarPane.setExpression(): Evaluate a JavaScript expression in the web page that the inspector is inspecting. The result is displayed in the sidebar pane.
devtools.panels.ExtensionSidebarPane.setObject(): Sets a JSON object that will be displayed in the sidebar pane.
devtools.panels.ExtensionSidebarPane.setPage(): Loads the page pointed to by the supplied URL.

Events

devtools.panels.ExtensionSidebarPane.onShown: Fired when the sidebar pane is shown.
devtools.panels.ExtensionSidebarPane.onHidden: Fired when the sidebar pane is hidden.

Browser compatibility

BCD tables only load in the browser

Note: This API is based on Chromium's chrome.devtools.panels API.