DOM Inspector

[Chaos1986]

I Was Playing Around In Firefox And Found Something Called A DOM Inspector. What Is A DOM And How Do I Use The DOM Inspector?

[sternbildchen]

DOM Inspector is a tool that can be used to inspect and edit the live DOM of any web document or XUL application. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within.

Code: Select all

http://www.mozilla.org/projects/inspector/

The Using the DOM Inspector section in the "Introduction to the DOM Inspector" explains what you can do once you get the DOMi. The DOM Inspector is very handy tool for theme and extension developers, as it allows you to view various properties associated with any XUL element.

Browse the tree structure of interface elements
View an element's Box Model properties like border and padding
Find element names, IDs, and classes to select elements in CSS
Find out what files (CSS, images) are used to style an element
See what properties and methods of given element you can call from your JavaScript
This section is a stub.

Code: Select all

http://kb.mozillazine.org/DOM_Inspector

Just browse the links for more information. Its all quoted from there.

[Chaos1986]

Thank You Very Much sternbildchen!