I have come across a couple of really useful Firefox extensions aside from the excellent web developer extension which I wanted to share with the community.

The first is called View Rendered Source Chart, which renders the HTML source in a way that is very easy to visually see the nesting.

The second is one called View Formatted Source, and not only shows your HTML source in a way where you can collapse nested tags, but when set to inline mode, shows you the major divisions within your document, and clicking on “source” for that division brings up just the HTML for that division. Finally, mousing over tags in the source view shows you what styles currently apply to that tag, and where in the CSS file the styles are located.

3 Responses to “A couple of useful Firefox extensions”

1. nyë says:

   April 4, 2006 at 12:49 pm

   Hi,

   I’d like to recomend this extension, FireBug.

   A quick overview of FireBug’s features:

   * Status bar icon shows you when there is an error in a web page
   * A console that shows errors from JavaScript and CSS
   * Log messages from JavaScript in your web page to the console (bye bye “alert debugging”)
   * An JavaScript command line (no more “javascript:” in the URL bar)
   * Spy on XMLHttpRequest traffic
   * Inspect HTML source, computed style, events, layout and the DOM
2. Nathan Derksen says:

   April 4, 2006 at 1:01 pm

   Nice one! The spying on the HTTPRequest traffic is really handy to have.
3. SSW says:

   April 4, 2006 at 4:05 pm

   Hot!!