Firebug Extensions

Are you an author of a new extension for Firebug and want us to update the page? Just open a new issue on Firebug Issues List. There are also some extensions developed in Firebug source tree.

Chromebug
Firebug Code Coverage
Firebug Net Panel History Overlay
Live Coder
Firecookie
FirePHP
Firequark
FireQuery
Firediff
Jiffy
Pixel Perfect
FireRainbow
YSlow
Inline Code Finder
Firesymfony
CodeBurner
ColdFire
SenSEO
FormBug
FirePython
XRefresh
Firefinder
FireAtlas
FirePalette

Chromebug

ChromeBug is Firebug for Chrome: XUL applications and their extensions.

Requires Firebug.
Works on Firefox 3.0 and later

Available from the releases page
Get source code

Firebug Code Coverage

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

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

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

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.

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

Firecookie

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

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.

Visit Home Page
Download from Mozilla Add-ons site
Report an issue
Join FirePHP 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

FireQuery

FireQuery adds a collection of jQuery-related enhancements to Firebug. Recommended for all jQuery developers.

Visit Home Page
Download from Mozilla Addonssite (experimental)

Firediff

Firediff is a Firebug extension whose goal is to provide additional insight into the changes that are being made to the components of the page.

firediff

Firediff currently requires a recent build of Firebug, with a strict requirement of at least version 1.4.

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.

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

Pixel Perfect

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

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

FireRainbow

FireRainbow brings Javascript syntax highlighting to Firebug.

Visit Home Page
Download from Mozilla Addons site (experimental)

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

Visit Home Page
Download from Mozilla Add-ons site

Inline Code Finder

Inline Code Finder looks for any of these in a web page:

inline JavaScript events
Inline style
javascript: links

The idea is to promote separation between content (HTML), presentation (CSS) and interaction (JavaScript) - especially the ideas and thinking behind the unobtrusive JavaScript approach.

Visit Home Page
Download from Mozilla Addons site

Firesymfony

Firesymfony integrates debugging support for the Symfony PHP development framework in to Firebug.

Click to view full size.

Visit Home Page
Download from Mozilla Addons site

CodeBurner

CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.

Visit Home Page
Download from Mozilla Addons site

ColdFire

ColdFire is an extension to Firebug which displays ColdFusion debugging information in a Firebug tab as opposed to the bottom of the page. Because ColdFire sends debugging data to the browser via custom HTTP headers it does not break CSS page layouts and works well with AJAX and Flash Remoting requests.

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.

FormBug

FormBug simulates HTML form fill-in and serialization as an aid to testing form-intensive sites.

FirePython

FirePython enables you to debug your application's server side Python code from within your browser. FirePython is a server-side Python library, which hooks into standard Python logging module and sends logging events to a client-side using a Firefox browser extension called FireLogger.

Visit Home Page
Download from Mozilla Addons site (experimental)

XRefresh

XRefresh can refresh browser as you modify source files. This is especially usefull for editing CSS files on a development machine with two monitors. When you hit CTRL+S (or whatever key for save), XRefresh will detect it and refresh the web page for you.

Visit Home Page
Download from Mozilla Addons site (experimental)

Firefinder

Firefinder is an extension to Firebug (in Firefox) and offers the functionality to, in a quick way, find HTML elements matching chosen CSS selector(s) or XPath expression. It allows you to instantly test your CSS selectors in the page while seeing the content at the same time, and matching elements will be highlighted. It also offers you a count of how many matches there are - good for checking, for instance, the number of heading elements - and it also lists all the matching in a collapsible list in the Firefinder panel in Firebug.

Visit Home Page
Download from Mozilla Addons site

FireAtlas

FireAtlas is an extension to Firebug dedicated to ASP.NET AJAX debugging. This extension will provide you with useful services when developing ASP.NET AJAX web sites:

PageRequestManager events tracing
WebService calls tracing and inspection
Partial Update inspection within Firebug Net Panel
Application components listing

FireAtlas

Visit Home Page
Download from Mozilla Addons site (experimental)

FirePalette

FirePalette provides the color picker to Firebug's CSS panel, and a menu item "Pick xxx color ..." to the context menu of color value (#112233, black, rgb(0, 12, 34)) in CSS panel. It also works correctly with the color that is a part of mixed CSS values, like "background: #FF8800 none repeat scroll 0 0", "border: 1px solid black".

Click to view full size.

Visit Home Page
Download from Mozilla Addons site
Report an issue