Firefox SDK Extension Builder - inspecting / debugging html and dom of panels

Question

How do you debug panel's html?

score 3 · Answer 1 · answered May 12 '12 at 08:57

I think the DOM inspector should allow you to do this.

https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/

https://developer.mozilla.org/En/DOM_Inspector

Although it doesn't have a console, you can use the inbuilt Scratchpad (Shift+F4) to run some js manually. You need to enable access to chrome-scope first though. More info here: https://developer.mozilla.org/en/Tools/Scratchpad#Using_Scratchpad_to_access_Firefox_internals

score 2 · Answer 2 · answered May 12 '12 at 05:20

2

If you mean, how do you inspect html elements in a Panel using Firefox dev tools or Firebug, the answer is unfortunately that you cannot do this - those tools do not support panels at this time.

answered May 12 '12 at 05:20

therealjeffg

5,790
1
23
24

DoTheEvo · Accepted Answer · 2012-05-13T17:08:01.997

1

Well, it seems there is no really a way to do it in the panel. So the best way is to use a tab instead of a panel. In it theres no problem to easily inspect HTML.

Some minor shifts and quirks of panel can be dealt with later, by 'try and see' method.

edited May 13 '12 at 17:08

answered May 13 '12 at 17:02

DoTheEvo

874
1
9
21

Firefox SDK Extension Builder - inspecting / debugging html and dom of panels

3 Answers3