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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Firefox for Android
Safari on iOS
onHidden
onShown
setExpression
setHeight
setObject
setPage

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
See implementation notes.

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