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

Question

你如何调试面板的 HTML？

Answer 1

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

Answer 2

如果您的意思是，如何使用Firefox开发工具或Firebug检查Panel中的html元素，遗憾的是您无法做到这一点 - 这些工具目前不支持面板。

Answer 3

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.