Subscribe to RSS Feed

Have you ever been interested in what extensions are available for Firebug? If yes, take a look at what I have found. Frankly, I was quite surprised how many Firebug extensions already exists out there.

  • YSlow
  • Firecookie
  • FirePHP
  • RainbowForFirebug
  • Jiffy
  • Firequark
  • LiveCoder
  • PixelPerfect
  • FirebugCodeCoverage
  • Firebug Net Panel History Overlay
  • Fireclipse
  • Chromebug

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

YSlow

Visit Home Page
Download from Mozilla Add-ons site

Firecookie

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

Firecookie

Visit Home Page
Download from Mozilla Add-ons site
Report an issue

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.

FirePHP

Visit Home Page
Download from Mozilla Add-ons site (experimental)
Report an issue
Join FirePHP group

RainbowForFirebug

RainbowForFirebug brings Javascript syntax highlighting to Firebug.

RainbowForFirebug

Visit Home Page
Download from Mozilla Addons site (experimental)

Jiffy

The Jiffy Firefox Extension is written by Bill Scott of Netflix. It adds an additional panel to Firebug that provides a visual view of the Javascript time measurements captured by Jiffy-Web.

Jiffy

Visit Home Page
Download from Mozilla Add-ons site (experimental)
Join Jiffy-Web group

Firequark

Firequark is an extension to Firebug to aid the process of HTML Screen Scraping. Firequark automatically extracts css selector for a single or multiple html node(s) from a web page using Firebug (a web development plugin for Firefox). The css selector generated can be given as an input to html screen scrapers like Scrapi to extract information. Firequark is built to unleash the power of css selector for use of html screen scraping.

Firequark

Visit Home Page

LiveCoder

LiveCoder lets you poke at the browser's DOM, just like Firebug. But LiveCoder also lets you examine Firebug itself. In addition to examining the DOM, you can alter it including changing functions. This is a great way to debug your code and test fixes more quickly.

LiveCoder

Visit Home Page
Download from Mozilla Add-ons site (experimental)

Visit Home Page

Pixel Perfect

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

Pixel Perfect

Visit Home Page
Download from Mozilla Add-ons site (experimental)

FirebugCodeCoverage

Firebug code coverage adds entry function code coverage for JavaScript code. Adds a button next to the Profiler in Firebug.

CodeCoverage

Download from Mozilla Add-ons site (experimental)

Firebug Net Panel History Overlay

This extension Adds history functionality to firebug net panel. Requires Firebug 1.2.0b4

Net Panel History

Visit Home Page
Download from Mozilla Add-ons site (experimental)

Fireclipse

Fireclipse is an open source project to experiment with development tools for javascript and related technologies. It enables nice coupling of Firefox and Eclipse for debugging purposes, working on top of Firebug.

Fireclipse

Visit Home Page

Chromebug (alpha)

ChromeBug is Firebug for Firefox extensions.

  • Requires Firebug 1.2.
  • Works with Chromelist.
  • Works on Firefox 3.0 and later
  • To run chromebug: firefox.exe -chrome chrome://chromebug/content/chromebug.xul -firefox
  • Currently unstable, testing install and bugs in FF3, and comments welcome.

Chromebug

Download here
Get source code


Rss Commenti

29 Comments

  1. Thanks for the list - there were a few there I hadn't heard of before, and at least one that I'll be installing.

    #1 Blair McBride
  2. Thanks for list. I have one more: XRefresh.

    XRefresh can turn your browser into live preview of your local web site. It does it by watching filesystem for modifications and refreshing browser window accordingly. It is really handy in dual-monitor setup.

    http://xrefresh.com

    Note: because I switched to OSX recently, version for OSX is in preparation (http://rubyforge.org/projects/xrefresh-server)

    #2 Antonin Hildebrand
  3. Software is hard | List of Firebug Extensions...

    Attempt to list all of the Firebug extensions, 12 in total. All given with a short description and screen shots....

    #3 foxiewire.com
  4. Great list. I wish I'd known about ChromeBug a few months ago. Would have saved me no end of trouble.

    RainbowForFirebug is great but beware that it really slows down FireBug when debugging huge javascript files like Ext.js.

    #4 andymurd
  5. @andymurd: RainbowForFirebug, my wish is to have this extension as core part of Firebug. And yes, there should be an option to switch it off for large JS files.

    #5 admin
  6. @Antonin: yep, I have missed this one. Looks cool, I have to try it.

    #6 admin
  7. For ColdFusion developpers the ColdFire Firebug Addon is also a must have. It's pretty much the same as FirePHP but for CF (as I understand it)

    http://coldfire.riaforge.org/

    #7 Marin
  8. XRefresh looks useful, but is unfortunately Windows only.

    I had tried RainbowForFirebug for a few days but it really seemed to slow things down. I uninstalled it.

    #8 Rick
  9. Pretty Awesome content!

    #9 Mithun Sreedharan
  10. Very nice and usable tools! Thanks!

    #10 Inza
  11. #11 admin
  12. This is an awesome list! What would we do without Firebug?

    #12 Nikk Folts
  13. Thank you for this great list. RainbowForFirebug is my favorite. Also big thanks to great firefox extension developers of Firebug

    #13 My Bookmarks
  14. nice list, thanks for sharing.

    #14 sumati
  15. A very useful list, thanks. Rainbow particularly is very useful.

    #15 David
  16. Thanks very much - couple of these I've not heard of before will be very useful!

    #16 Jasper
  17. I created the FIreSymfony extension following your tutorials. Thanks :)

    Link and details:

    http://obvioushints.blogspot.com/2008/10/firesymfony-first-release-is-out.html

    #17 alvaro
  18. Yeah, you very welcome! I have to update the list, there were two new extensions last week ;-)
    Honza

    #18 admin
  19. I see one of your screen shots for Rainbow has an "FBTrace" tab any idea what that is?

    #19 Tom
  20. #20 admin
  21. [...] List of Firebug extensions [...]

    #21 der-basti » N├╝tzlich Firefox Plugins
  22. Has anyone seen Firemeld? An ad company built an extension of firebug where you can see information from ad tags on your page. I guys if your working with the company by installing the extension you can see specifically what network served the ad and the CPM your getting for the ad. It must work with their ad server?

    #22 momoney
  23. [...] - bookmarked by 2 members originally found by ridwandhk on 2009-04-18 [6] http://softwareishard.com/blog/firebug/... http://softwareishard.com/blog/firebug/list-of-firebug-extensions/ - bookmarked by 1 members [...]

    #23 Bookmarks about Firebug
  24. [...] This post was Twitted by RobStajo - Real-url.org [...]

    #24 Twitted by RobStajo
  25. Well, these al are blessing to a web developer. Thanks for the. The JS code can be now debugged easily

    #25 Rahul Singh
  26. this is a wonderful list

    #26 web
  27. [...] more from the original source: Software is hard | List of Firebug Extensions Comments0 Leave a Reply Click here to cancel [...]

    #27 Software is hard | List of Firebug Extensions
  28. [...] List of Firebug extensions [...]

    #28 der-basti.com » N├╝tzliche Firefox Plugins
  29. I created SenSEO extension based on Firebug and YSlow. Official website can be found here: http://sensational-seo.com/

    #29 Nico Steiner

Sorry, the comment form is closed at this time.