devtools.panels.ElementsPanel

{{AddonSidebar}} 

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

{{Compat}} 

{{WebExtExamples}} 

[!NOTE] This API is based on Chromium’s chrome.devtools API.