Adds an example for devtools inspector sidebar

This commit is contained in:
Nicolas Chevobbe
2019-09-21 00:06:42 +02:00
parent 72dfcf1bad
commit 8eebc583f8
4 changed files with 44 additions and 0 deletions

View File

@@ -0,0 +1,11 @@
/**
This script is run whenever the devtools are open.
In here, we can create our sidebar, and when the selected node in the inspector
change, we evaluate it and display its properties in the sidebar.
*/
browser.devtools.panels.elements.createSidebarPane("DOM").then(sidebar => {
browser.devtools.panels.elements.onSelectionChanged.addListener(() => {
sidebar.setExpression(`$0`);
});
});