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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxOperaFirefox for Android
createSidebarPaneChrome Full support YesEdge No support NoFirefox Full support 57Opera Full support YesFirefox Android No support No
onSelectionChangedChrome Full support YesEdge No support NoFirefox Full support 56Opera Full support YesFirefox Android No support No

Legend

Full support  
Full support
No support  
No support

Acknowledgements

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

Document Tags and Contributors

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