On Thu, Sep 21, 2017 at 2:56 AM, Christoph Dorn <
chri...@christophdorn.com
> wrote:
> I am creating a Toolbox Panel from a WebExtension using
> `devtools.panels.create()` [1].
>
> How do I inspect and debug the created panel? I cannot view the source nor
> reload it?
>
>
Once a devtools panel has been created (a devtools toolbox has been opened
and the devtools panel
created from the extension has been selected, so that the extensions page
will be actually loaded),
the devtools panel will be listed in the "frames list" selector of the
WebExtensions Addon Debugging toolbox
(as well as the other existent extension pages from the same extension)
The following MDN doc page:
https://developer.mozilla.org/en-US/Add-ons/WebExtensions/
Debugging#Debugging_popups
contains a section that describes how to inspect a webextensions popup
(most of the steps are the same
for any other extension page, besides the step related to the button that
toggles the
ui.popup.disable_autohide preference which is specific to the "inspecting
popup" use case).