How can I inspect the popup of an addon?

[andreip]

I can open the addon poup but when I go to devtools to inspect it, it looses focus and disappears. How can I keep it visible?

[jscher2000]

You probably need the preparatory steps mentioned here: https://developer.mozilla.org/docs/Tools/Browser_Toolbox

Then:

Open the about:debugging page and click Debug for the extension whose popup you want to inspect.

In the Browser Toolbox that opens, after approving the remote connection if necessary, switch to the Inspector panel.

Use the ••• menu at the upper right to make pop-ups sticky, then drop the pop-up.

Back in the Browser Toolbox, use the little button to the left of the ••• menu to switch from debugging the background script to the popup.

Now, finally, you can inspect.

[freaktechnik (Martin Giger)]

Or in a single MDN link: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/Debugging#Debugging_popups

[andreip]

Thank you, both for the info!