Firebug – An essential tool for web developer
To install Firebug visit the Firebug download page. Click on the huge orange button half-way down the page on the right hand side. You can also download it from Mozilla’s FireFox Add-ons site. Install it. Restart FireFox, and you’re good to go.
Opening and Closing Firebug
Keyboard and Mouse Shortcuts for Firebug can be found at the Firebug Website. The three sets I use most often include:
- Open Firebug: F12 or clicking on the at the right of the right of the browser status bar.
- Close Firebug: 12 or clicking on the at the right of the right of the browser status bar or clicking on the in the upper right hand corner of the firebug window.
Firebug makes it simple to find HTML elements buried deep in the page. Once you’ve found what you’re looking for, Firebug gives you a wealth of information, and lets you edit the HTML live.
Firebug’s CSS tabs tell you everything you need to know about the styles in your web pages, and if you don’t like what it’s telling you, you can make changes and see them take effect instantly.
console.error. When one of these methods produces an output, Firebug links to the line causing the output so you can quickly find the responsible code.
you get answers fast.