Add-ons

devtools.panels.ElementsPanel

An ElementsPanel represents the HTML/CSS inspector in the browser's devtools. This is called the Page Inspector in Firefox and the Elements panel in Chrome.

Functions

devtools.panels.ElementsPanel.createSidebarPane()
Creates a pane in the inspector's sidebar.

Events

devtools.panels.ElementsPanel.onSelectionChanged
Fired when the user selects a different element in the page, for example using the "Inspect element" context menu item.

Browser compatibility

ChromeEdgeFirefoxFirefox for AndroidOpera
createSidebarPane Yes No57 No Yes
onSelectionChanged Yes No56 No Yes

Acknowledgements

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

Document Tags and Contributors

 Contributors to this page: wbamberg
 Last updated by: wbamberg,