8 of the Best Firebug Add-ons

Firebug is the most popular and powerful web development tool and one of the most recommended tool which integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. There are various add-ons for Firebug but here are the 8 best Firebug extensions that every web developer should have installed.

Some of the features of Firebug are listed below:

* Inspect HTML and modify style and layout in real-time
* Use the most advanced JavaScript debugger available for any browser
* Accurately analyze network usage and performance
* Extend Firebug and add features to make Firebug even more powerful

Get Firebug from here, Compatible with: Firefox 3.5-3.6.

You may also be interested in one of these older posts
20 Awesome Firefox Add-ons For Web Developers
12 Indispensable Adobe AIR Apps for Web Developers
List Of Essential PHP Quick References And CheatSheets
10+ Rare WordPress Theme Options Page Tutorials To Get You Started

1. FirePHP

FirePHP enables you to print to your Firebug Console using a simple PHP function call. All data is sent via a set of X-FirePHP-Data response headers. This means that the debugging data will not interfere with the content on your page. Thus FirePHP is ideally suited for AJAX development.

2. Pixel Perfect

Pixel Perfect is a firebug extension that allows web developers to easily overlay a web composition over top of the developed html.

3. YSlow

YSlow analyzes web pages and tells you why they’re slow based on Yahoo’s rules for high performance web sites. YSlow gives you:

Performance report card
HTTP/HTML summary
List of components in the page
Tools including JSLint

4. SenSEO

SenSEO analyzes web pages and tells you how good they fulfill on-page Search Engine optimization criteria. SenSEO is a Firefox add-on integrated with the popular Firebug web development tool. The code is based on the YSlow extension.

5. Widerbug

A modified version of Firebug optimized for widescreen monitors.

6. Drupal For Firebug

Drupal for Firebug extends Firebug to provide Drupal specific debugging and status messages to help with Drupal development.

7. Page Speed

Very similar to YSlow, it is an add-on by the Google team for evaluating the performance of web pages and, best of all, getting suggestions (based on “Web Performance Best Practices“) on ways to improve them. Page Speed automatically optimizes images & provides compressed ones foruploading later. It can also detect JavaScript and CSS loaded that actually isn’t used for decreasing the total size of these files.

8. Firecookie

Firecookie is an extension for Firebug that makes possible to view and manage cookies in your browser

9. CSS Usage

Firebug extension to view which CSS rules are actually used.