How can I inspect the popup of an addon?

andreip · December 10, 2018, 6:24am

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 · December 10, 2018, 6:55am

You probably need the preparatory steps mentioned here: Browser Toolbox — Firefox Source Docs documentation

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 · December 10, 2018, 9:02am

andreip · December 10, 2018, 9:48am

Thank you, both for the info!