Displays a JSON object in the extension's sidebar pane.
The object is displayed as an expandable tree, as in the JSON viewer in Firefox. You can optionally specify a rootTitle
string: this will be displayed as the title of the tree's root.
This is an asynchronous function that returns a Promise
.
Syntax
var setting = browser.devtools.panels.setObject(
jsonObject, // string, array, or JSON object
rootTitle // string
)
Parameters
jsonObject
String
orArray
orObject
. The object to display. If this is an object it is JSON-serialized, so properties like functions will be omitted.rootTitle
OptionalString
. The title of the root of the tree in which the object is displayed.
Return value
A Promise
that will be fulfilled with no arguments, once the object has been set.
Browser compatibility
BCD tables only load in the browser
The compatibility table in 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.
Examples
Create a new pane, and populate it with a JSON object. You could run this code in a script loaded by your extension's devtools page.
function onCreated(sidebarPane) {
sidebarPane.setObject({
someBool: true,
someString: "hello there",
someObject: {
someNumber: 42,
someOtherString: "this is my pane's content"
}
});
}
browser.devtools.panels.elements.createSidebarPane("My pane").then(onCreated);
This API is based on Chromium's chrome.devtools.panels
API.