Erm's I.T. Girl – Zelna Ellis

Don't fear when Zel is near…

Firefox Add-On: DOM Inspector

Well, it is no state secret that I am a Firefox fan. It is definite the best Web Browser.

This is such a handy tool for Web developers, especially if you make Themes and Extensions (Add-Ons). You can install it from here. One can inspect in a two page pane the DOM (Document Object Model) of any Web page or XUL (XML User Interface Language – pronounced zool ) window. In other words the structure and the properties of a page or window.

Screenshot:
DOM Inspector

DOM – Document Object Model
This is the API (application programming interface) for valid HTML and well-formed XML documents. In other all the tags,e.g.<html> ,<div>, <script>, etc. So the DOM specifies how XML and HTML documents are represented as objects, which enables us to use them in object oriented programs.

XUL – XML User Interface Language
This is is Mozilla’s XML-based language that lets you build applications. Although it is not a an official standard, it relies on the existing Web Standards like CSS, Javascript and DOM. This make it quite easy for Web developers to learn. Read more here at Mozilla’s XUL site.

Another Add-On you can also consider is XPather.

Happy Coding🙂

5 November 2009 - Posted by | Software Development | , , , , , , ,

No comments yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: