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

new pane titled “My pane” that displays a JSON object

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

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