Porting to Chrome

Add-ons Development
#1

I can’t create a new development tab.

I did, as described in manual:

I’ve changed for testing:

> browser.devtools.panels.create(

"AppeX Debugger",
"/icons/appex-16.png",
"/devtools/panel/debugger_panel.html"

).then((newPanel) => {
newPanel.onShown.addListener(handleShown);
newPanel.onHidden.addListener(handleHidden);
});

to

chrome.devtools.panels.elements.createSidebarPane(
“AppeX Debugger”,
function(sidebar) {
sidebar.setPage("/devtools/panel/debugger_panel.html");
sidebar.setHeight(“8ex”);
});

But it doesn’t work. No new developer panel, only icon of my application on main toolbar.

#2

The example from the chrome dev tools docs (https://developer.chrome.com/extensions/devtools_panels) creates a new section in the sidebar and not an entire new panel, like the code you have for Firefox.