Firebug 1.05 for Mozilla

Firebug is a new addon plugin in mozilla which helps you to check the source and assets used in any websites. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

This plugin really helps developers and designers to debug their websites as well as to know and learn on others desing and code.

You can view source the HTML in the same page as pan or in new window. You can edit, modify or delete the html code and inspect the code. Also there is a provision of copying the HTML fragment. You can inspect any styles used in website and learn css as you go from the live websites.

Firebug uses Tab structure. So its very obvious that user don't miss out any features.

Few interesting things are:

• You can check the layout of the page in Layout tab and it also show the x and y offset.


• CSS Tabs tells about the styles used in web pages, you can change the css and check the effect in live site instantaneously. You can preview the color, change the text attributes etc., and its real fun and good learning for people new to css.


• You can also check why the page takes much time to download. Is that because of unoptimized image or complicated JavaScript. And lot more.


• Find JavaScript errors and debug it. Execute JavaScript on the fly.


• Explore the DOM


• You can learn more about Firebug in Get Fire Bug.com

Seenshots of Firebug:

Author of this firebug plugin is Joe Hewitt. And below is his video presentation about firebug for/in Yahoo!.

Also Read:

• Dreamweaver CS3
• Vista Widget for windows XP
• IPod is not good for heart - A study