DOM Inspector (DOMi) is a web developer tool created by Joe Hewitt and was originally included in Mozilla Application Suite as well as versions of Mozilla Firefox prior to Firefox 3. It is now included in Firefox, and SeaMonkey. Its main purpose is to inspect and edit the Document Object Model (DOM) tree of HTML and XML-based documents.
A DOM node can be selected from the tree structure, or by clicking on the browser chrome. As well as the DOM tree viewer, other viewers are also available, including Box Model, XBL Bindings, CSS Rules, Style Sheets, Computed Style, JavaScript Object, as well as a number of viewers for document and application accessibility. By default, the DOM Inspector highlights a newly selected non-attribute node with a red flashing border.
Similar tools exist in other browsers, e.g., Opera's Dragonfly, Safari's Web Inspector, the Internet Explorer Developer Toolbar, and Google Chrome's Developer Tools.
YouTube Encyclopedic
-
1/3Views:7 6634 7837 972
-
How to use your browser's Developer Tools - The Element Inspector
-
How to use the DOM Inspector in Safari (Windows)
-
How to use the DOM Inspector in Internet Explorer
Transcription
See also
.svg/28px-Free_and_open-source_software_logo_(2009).svg.png){kind=logo}
- Firebug, another web development extension more recently created by Joe Hewitt
External links
- DOM Inspector extension for Firefox
- DOM Inspector at Mozilla Developer Center
- XPather Archived 2009-02-10 at the Wayback Machine - A DOMi extension that adds XPath support
.svg/30px-Free_and_open-source_software_logo_(2009).svg.png){kind=logo} | This free and open-source software article is a stub. You can help Wikipedia by expanding it. |
This page was last edited on 4 January 2024, at 04:06