devtools.panels.ExtensionSidebarPane

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

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
webextensions-desktopwebextensions-mobile
ChromeEdgeFirefoxOperaSafariFirefox for Android
onHidden
onShown
setExpression
setObject

Legend

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

Acknowledgements

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