Article Tags: Firebug Plugin, Firebug plugin for firefox, Firebug Firefox, Firebug plugin uses, what is firebug, what is firebug plugin, what is firebug plugin used for, uses of firebug, firebug download, firebug details, firebug features, All about firebug plugin
Firebug is mostly used for:
- Editing website codes in html, php etc
- Editing word-press themes etc.
- Testing website load time
- Analyzing network connection to website
- Finding and Fixing error messages
- Editing and previewing CSS
What exactly Firebug Does?
Firebug shows the actual web code that is behind when a web page or dynamic page is loaded and what is even better is sit lets you edit realtime and preview it also!
How to get it installed and running?
Download the Firefox Firebug plugin from : http://www.getfirebug.com and get it installed just like any other firefox plugin. Once installed, restart the browser and it would show such a icon on the toolbar of mozilla. To launch Firebug plugin, just click on the icon or tap F12, further the web browser splits into two different frame and the upper fame has the website preview and the lower one has the firebug frame showing the website code. The part you would love it is that it splits and shows HTML and CSS seperately and this makes themeing for bloggers a cakewalk. You can edit the code and the preview also changes and further once you are convinced save the code and update in in the source code.
How you can optimize the loading speed of website with Firebug?
Firebug toolbar has a button called “Net monitors” and this helps you to see the various website elemets and their loading speeds, hence helps you to analyse how to increase the speed of the website, another plugin that can be used in tandem with Firebug to optimize the speed is: http://developer.yahoo.com/yslow/ (Yslow)
How to enable and disable Panels in Firebug?
Detailed Load time monitoring with firebug:
How to fix code errors with firebug?
On the right side of the Firefox browser’s status bar you will see a little green icon. This is Firebug’s way of telling you that everything is A-Ok. When that icon turns into a red “x”, things aren’t so peachy.Click the “x” to open the Firebug error console which will show you all of the errors that have occurred on the page. See image below
To summarize, Firebug is a Must have plugin for firefox if you are a web designer, blogger or developer. install it and have multiple reasons to feel happy. Its free !!
Hope this article help, let me know yor thoughts!!