DOM Inspector

DOM Inspector (DOMi) is one of the web developer tools included in Mozilla Application Suite and Mozilla Firefox. As suggested by its name, its main purpose is to inspect the Document Object Model tree of HTML and XML-based documents.

A DOM node can be selected from the tree structure, or by point-and-clicking on the browser chrome. Besides DOM node, other views are also available, including box model, XBL bindings, Cascading Style Sheets style rules, computed styles, and JavaScript objects. Document stylesheet languages and JavaScript objects can also be selected from the tree. The active element is highlighted with blinking red border, which is helpful in debugging CSS.

Other than inspecting, editing is also possible, though not via a rich text interface.

=External links=

*[http://www.mozilla.org/projects/inspector/ DOM Inspector] *[http://www.brownhen.com/DI.html Introduction to the DOM Inspector] *[http://www.clagnut.com/blog/340/ Mozilla DOM inspector]