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 GitHubwebextensions-desktop | webextensions-mobile | |||||
---|---|---|---|---|---|---|
onHidden | ChromeFull supportYes | EdgeFull support79 | FirefoxFull support57
| OperaFull supportYes | SafariNo supportNo | Firefox for AndroidNo supportNo |
onShown | ChromeFull supportYes | EdgeFull support79 | FirefoxFull support57
| OperaFull supportYes | SafariNo supportNo | Firefox for AndroidNo supportNo |
setExpression | ChromeFull supportYes
| EdgeFull support79
| FirefoxFull support57
| OperaFull supportYes | SafariNo supportNo | Firefox for AndroidNo supportNo |
setObject | ChromeFull supportYes
| EdgeFull support79
| FirefoxFull support57
| OperaFull supportYes | SafariNo supportNo | Firefox for AndroidNo supportNo |
Legend
- Full support
- Full support
- No support
- No support
- See implementation notes.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Acknowledgements
This API is based on Chromium's chrome.devtools.panels
API.