How to inspect DOM in firefox addon?

Question

Hi) I'm developing addon for firefox with kango framework. Can you advise some efficient ways how to inspect DOM in firefox addon popup?

But will it open the inspector when a `Panel` is shown? – Lori Dec 22 '15 at 19:04 — Lori, Dec 22 '15 at 19:04

score 0 · Answer 1 · answered Dec 22 '15 at 15:22

Install this addon - DOM Inspector - https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/

Then install this addon - Element Inspector - https://addons.mozilla.org/en-US/firefox/addon/element-inspector/

"Element Inspector" extends DOM Insepctor addon. Now hold "Shift" key on keyboard, then "right click" and it will open it up in the DOM Inspector tool.

You can also use "Browser Toolbox" - https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox

But it doesn't have the very useful "Shift + right click" feature. It has some other goodies, I use all three tools togather.

score 0 · Answer 2 · edited May 30 '16 at 05:53

0

To inspect DOM in firefox addon press Ctrl+Shift+J.

Click here for more details.

edited May 30 '16 at 05:53

Rohan Pawar

1,875
22
40

answered May 30 '16 at 04:55

Abhijit Dhobale

31
1
9

score 0 · Answer 3 · answered Feb 22 '20 at 22:06

0

Right click -> Inspect Element
...(1) -> Settings (2) -> checkbox DOM (3)

answered Feb 22 '20 at 22:06

фымышонок

1,362
16
22

How to inspect DOM in firefox addon?

3 Answers3