Firebug Extensions

From FirebugWiki

Revision as of 07:06, 21 April 2011 (edit) Sebastianz (Talk | contribs) (Added links to Acebug) ← Older edit		Revision as of 07:48, 21 April 2011 (edit) (undo) Sebastianz (Talk | contribs) (Started unifying information and links of extensions) Newer edit →
Line 84:		Line 84:
	[[Image:Firebug-extlist-firecookie.png|thumb|400px|Firecookie]]		[[Image:Firebug-extlist-firecookie.png|thumb|400px|Firecookie]]
-	[[Firecookie]] is a an extension for Firebug that allows to view, manage and debug cookies in your browser. Apart from all the other cookie managers and viewers available as Firefox extensions, this one is made as an extension for Firebug. This means that web developers have the functionality accessible within the familiar Firebug's UI.	+	Firecookie is a an extension for Firebug that allows to view, manage and debug cookies in your browser. Apart from all the other cookie managers and viewers available as Firefox extensions, this one is made as an extension for Firebug. This means that web developers have the functionality accessible within the familiar Firebug's UI.
	* Visit [http://www.janodvarko.cz/firecookie website]		* Visit [http://www.janodvarko.cz/firecookie website]
		+	* Download from [https://addons.mozilla.org/en-US/firefox/addon/6683 Mozilla Addons] site
		+	* Get the [http://code.google.com/p/firecookie/source/checkout source code] (Firebug's BSD-style license)
	* Report an [http://code.google.com/p/firecookie/ issue]		* Report an [http://code.google.com/p/firecookie/ issue]
-	Author: [http://www.softwareishard.com/blog/firecookie/ Jan Odvarko], download from [https://addons.mozilla.org/en-US/firefox/addon/6683 Mozilla Addons] site	+	Author: [http://www.softwareishard.com/blog/about/ Jan Odvarko]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
	==== Crossfire ====		==== Crossfire ====
	[[Crossfire]] is a Firebug extension which implements a JSON protocol to allow remote clients (like an IDE or code editor) to connect to Firebug.		[[Crossfire]] is a Firebug extension which implements a JSON protocol to allow remote clients (like an IDE or code editor) to connect to Firebug.
		+
		+	* Visit [http://www.janodvarko.cz/firecookie website]
		+	* Download from [http://getfirebug.com/releases/crossfire/ getfirebug.com]
		+	* Get the [http://code.google.com/p/fbug/source/browse/#svn%2Fextensions%2Fcrossfire%2Fbranches source code] (Firebug's BSD-style license)
		+	* Report an [http://code.google.com/p/fbug/ issue]
		+
		+	Author: Michael G. Collins, FWG
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
-	==== Firestarter ====	+	==== FireStarter ====
	FireStarter is a Firebug extension that extends Firebug's activation model with advanced features.		FireStarter is a Firebug extension that extends Firebug's activation model with advanced features.
-	* Requires [https://addons.mozilla.org/en-US/firefox/addon/1843 Firebug 1.5]	+	* Download from [http://getfirebug.com/releases/firestarter/ getfirebug.com]
-	* The [http://code.google.com/p/fbug/source/browse/#svn/firestarter/branches/ source code] has Firebug's BSD-style license.	+	* Get the [http://code.google.com/p/fbug/source/browse/#svn%2Ffirestarter%2Fbranches source code] (Firebug's BSD-style license)
-	* Use Firebug's [http://code.google.com/p/fbug/issues/list issue list] to report an issue.	+	* Report an [http://code.google.com/p/fbug/issues/list issue]
-	* Use Firebug's [http://groups.google.com/group/firebug news group] to ask a question.	+	* Ask a question in the [http://groups.google.com/group/firebug news group]
-	* [http://getfirebug.com/releases/firestarter/ Install Firestarter ]	+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 114:		Line 125:
	* Visit [http://drupal.org/project/drupalforfirebug website]		* Visit [http://drupal.org/project/drupalforfirebug website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/8370 Mozilla Add-ons] site.		* Download from [https://addons.mozilla.org/en-US/firefox/addon/8370 Mozilla Add-ons] site.
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 122:		Line 134:
	* Visit [http://www.incaseofstairs.com/firediff/ website]		* Visit [http://www.incaseofstairs.com/firediff/ website]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 130:		Line 143:
	* Visit [http://www.incaseofstairs.com/firefocus/ website]		* Visit [http://www.incaseofstairs.com/firefocus/ website]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 137:		Line 151:
	* Visit [http://home.peteresnyder.com/projects/formbug website]		* Visit [http://home.peteresnyder.com/projects/formbug website]
-	<div style="clear:both;"></div>
		+	<div style="clear:both;"></div>
	==== XRefresh ====		==== XRefresh ====
	[[Image:Firebug-extlist-xrefresh.png|thumb|400px|XRefresh]]		[[Image:Firebug-extlist-xrefresh.png|thumb|400px|XRefresh]]
Line 146:		Line 160:
	* Visit [website]		* Visit [website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/7711 Mozilla Add-ons]] site (experimental)		* Download from [https://addons.mozilla.org/en-US/firefox/addon/7711 Mozilla Add-ons]] site (experimental)
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 157:		Line 172:
	* Visit [http://robertnyman.com/firefinder/ website]		* Visit [http://robertnyman.com/firefinder/ website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/11905 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/11905 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 165:		Line 181:
	* Visit [http://www.rosssimpson.com/dev/omnibug.html website]		* Visit [http://www.rosssimpson.com/dev/omnibug.html website]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 174:		Line 191:
	* Visit [http://kylescholz.com/blog/ website]		* Visit [http://kylescholz.com/blog/ website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/9620 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/9620 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 182:		Line 200:
	* [http://collinsmichaelg.me/deadbug-2.0.xpi Download]		* [http://collinsmichaelg.me/deadbug-2.0.xpi Download]
-	<div style="clear:both;"></div>
		+	<div style="clear:both;"></div>
	==== Adobe BrowserLab ====		==== Adobe BrowserLab ====
	[[Image:Adobe-browserlab-for-firebug.png|thumb|400px|Adobe BrowserLab]]		[[Image:Adobe-browserlab-for-firebug.png|thumb|400px|Adobe BrowserLab]]
Line 192:		Line 210:
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/231196/ Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/231196/ Mozilla Add-ons] site
-	<div style="clear:both;"></div>
		+	<div style="clear:both;"></div>
	==== ConsoleExport ====		==== ConsoleExport ====
	[[Image:Console-export.png|thumb|400px|Console Export]]		[[Image:Console-export.png|thumb|400px|Console Export]]
Line 203:		Line 221:
	* Author: [http://www.janodvarko.cz/ Jan Odvarko]		* Author: [http://www.janodvarko.cz/ Jan Odvarko]
-	<div style="clear:both;"></div>
		+	<div style="clear:both;"></div>
	=== UI Enhancements ===		=== UI Enhancements ===
Line 236:		Line 254:
	* Use the [https://github.com/MikeRatcliffe/Acebug/issues issues list] to report an issue		* Use the [https://github.com/MikeRatcliffe/Acebug/issues issues list] to report an issue
		+
		+	<div style="clear:both;"></div>
	==== CodeBurner ====		==== CodeBurner ====
	[[Image:CodeBurnerForFirebug.png|thumb|400px|CodeBurner]]		[[Image:CodeBurnerForFirebug.png|thumb|400px|CodeBurner]]
Line 242:		Line 262:
	Author: [http://www.sitepoint.com/ SitePoint] ([https://addons.mozilla.org/en-US/firefox/addon/10273 Download])		Author: [http://www.sitepoint.com/ SitePoint] ([https://addons.mozilla.org/en-US/firefox/addon/10273 Download])
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 250:		Line 271:
	Author: [http://robertnyman.com/firefinder/ Robert Nyman] ([https://addons.mozilla.org/en-US/firefox/addon/11905/ Download])		Author: [http://robertnyman.com/firefinder/ Robert Nyman] ([https://addons.mozilla.org/en-US/firefox/addon/11905/ Download])
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 258:		Line 280:
	* Visit [http://www.quarkruby.com/2007/9/5/firequark-quick-html-screen-scraping website]		* Visit [http://www.quarkruby.com/2007/9/5/firequark-quick-html-screen-scraping website]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 267:		Line 290:
	* Visit [http://www.pixelperfectplugin.com/ website]		* Visit [http://www.pixelperfectplugin.com/ website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/7943 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/7943 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 277:		Line 301:
	Author: Antonin Hildebrand, download from [Mozilla Add-ons https://addons.mozilla.org/en-US/firefox/addon/9603] site		Author: Antonin Hildebrand, download from [Mozilla Add-ons https://addons.mozilla.org/en-US/firefox/addon/9603] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 287:		Line 312:
	* Report an [http://bitbucket.org/kuy/firepalette/issues/ issue]		* Report an [http://bitbucket.org/kuy/firepalette/issues/ issue]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/12377 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/12377 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 296:		Line 322:
	* Visit [http://www.command-tab.com/2008/01/19/widerbug-widescreen-firebug/ website]		* Visit [http://www.command-tab.com/2008/01/19/widerbug-widescreen-firebug/ website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/13135 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/13135 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 305:		Line 332:
	* Visit [http://thedarkone.github.com/firepicker website]]		* Visit [http://thedarkone.github.com/firepicker website]]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/15032 Mozilla Add-ons] site (experimental)		* Download from [https://addons.mozilla.org/en-US/firefox/addon/15032 Mozilla Add-ons] site (experimental)
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
	==== FireSass ====		==== FireSass ====
-
	FireSass allows Firebug to display the original Sass filename and line number of Sass-generated CSS styles.		FireSass allows Firebug to display the original Sass filename and line number of Sass-generated CSS styles.
	* Visit [http://sass-lang.com/ website]]		* Visit [http://sass-lang.com/ website]]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/103988/ Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/103988/ Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 322:		Line 350:
	* Visit [http://www.alexspengler.de/arboreal/ website]]		* Visit [http://www.alexspengler.de/arboreal/ website]]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/228373/ Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/228373/ Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 332:		Line 361:
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/11900/ Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/11900/ Mozilla Add-ons] site
-	<div style="clear:both;"></div>
		+	<div style="clear:both;"></div>
	=== Debugging ===		=== Debugging ===
Line 348:		Line 377:
	Author: John J. Barton ([http://getfirebug.com/releases/chromebug/ Download])		Author: John J. Barton ([http://getfirebug.com/releases/chromebug/ Download])
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 362:		Line 392:
	Author: John J. Barton, Jan Odvarko ([http://getfirebug.com/releases/eventbug/ Download])		Author: John J. Barton, Jan Odvarko ([http://getfirebug.com/releases/eventbug/ Download])
-	<div style="clear:both;"></div>
		+	<div style="clear:both;"></div>
	==== Firebug Code Coverage ====		==== Firebug Code Coverage ====
	[[Image:Firebug-extlist-codecoverage-thumbnail.png|thumb|400px|Firebug Code Coverage]]		[[Image:Firebug-extlist-codecoverage-thumbnail.png|thumb|400px|Firebug Code Coverage]]
Line 376:		Line 406:
	Author: Jun Ma, download from Mozilla [https://addons.mozilla.org/en-US/firefox/addon/code-coverage-v2-for-firebug/ Add-ons site] (experimental)		Author: Jun Ma, download from Mozilla [https://addons.mozilla.org/en-US/firefox/addon/code-coverage-v2-for-firebug/ Add-ons site] (experimental)
-	<div style="clear:both;"></div>
		+	<div style="clear:both;"></div>
	==== LiveCoder ====		==== LiveCoder ====
	[[Image:Firebug-extlist-livecoder-thumbnail.png|thumb|400px|LiveCoder]]		[[Image:Firebug-extlist-livecoder-thumbnail.png|thumb|400px|LiveCoder]]
Line 386:		Line 416:
	Author: Steve Souders, download from [https://addons.mozilla.org/en-US/firefox/addon/5291/ Mozilla Add-ons] site (experimental)		Author: Steve Souders, download from [https://addons.mozilla.org/en-US/firefox/addon/5291/ Mozilla Add-ons] site (experimental)
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 398:		Line 429:
	Author: Christoph Dorn, download from [https://addons.mozilla.org/en-US/firefox/addon/6149 Mozilla Add-ons] site		Author: Christoph Dorn, download from [https://addons.mozilla.org/en-US/firefox/addon/6149 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 408:		Line 440:
	Author: Antonin Hildebrand, download from [https://addons.mozilla.org/en-US/firefox/addon/12632 Mozilla Add-ons] site		Author: Antonin Hildebrand, download from [https://addons.mozilla.org/en-US/firefox/addon/12632 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 417:		Line 450:
	* Visit [http://www.firesymfony.org/website]		* Visit [http://www.firesymfony.org/website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/9096/ Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/9096/ Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 425:		Line 459:
	* Visit [http://coldfire.riaforge.org/ website]		* Visit [http://coldfire.riaforge.org/ website]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 434:		Line 469:
	* Visit [http://firepython.binaryage.com/ website]		* Visit [http://firepython.binaryage.com/ website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/11090 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/11090 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 448:		Line 484:
	* Visit [http://fireatlas.chesnaistechnologies.com/ website]		* Visit [http://fireatlas.chesnaistechnologies.com/ website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/12121 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/12121 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 457:		Line 494:
	* Visit [http://amfexplorer.riaforge.org/ website]		* Visit [http://amfexplorer.riaforge.org/ website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/78928 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/78928 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 466:		Line 504:
	* Visit [http://www.softwarecocktail.com/projects/firelinkreport/ website]		* Visit [http://www.softwarecocktail.com/projects/firelinkreport/ website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/58834 Mozilla Add-ons] site (experimental)		* Download from [https://addons.mozilla.org/en-US/firefox/addon/58834 Mozilla Add-ons] site (experimental)
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 475:		Line 514:
	* Visit [http://blog.coursevector.com/flashbug/ website]		* Visit [http://blog.coursevector.com/flashbug/ website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/14465 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/14465 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 498:		Line 538:
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
-
	=== Performance ===		=== Performance ===
Line 515:		Line 554:
	Author: [http://developer.yahoo.com/yslow/ Yahoo, Inc.] ([https://addons.mozilla.org/en-US/firefox/addon/5369 Download])		Author: [http://developer.yahoo.com/yslow/ Yahoo, Inc.] ([https://addons.mozilla.org/en-US/firefox/addon/5369 Download])
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 529:		Line 569:
	Author: Jan Odvarko ([http://getfirebug.com/releases/netexport/ Download], [http://www.softwareishard.com/blog/netexport/ website])		Author: Jan Odvarko ([http://getfirebug.com/releases/netexport/ Download], [http://www.softwareishard.com/blog/netexport/ website])
-	<div style="clear:both;"></div>
		+	<div style="clear:both;"></div>
	==== Net Panel History Overlay ====		==== Net Panel History Overlay ====
	[[Image:Firebug-extlist-history.png|thumb|400px|Net Panel History Overlay]]		[[Image:Firebug-extlist-history.png|thumb|400px|Net Panel History Overlay]]
Line 539:		Line 579:
	Author: Mihailo Lalevic, download from [https://addons.mozilla.org/en-US/firefox/addon/7189 Mozilla Add-ons] site (experimental)		Author: Mihailo Lalevic, download from [https://addons.mozilla.org/en-US/firefox/addon/7189 Mozilla Add-ons] site (experimental)
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 550:		Line 591:
	Author: [http://looksgoodworkswell.blogspot.com/ Bill Scott] of [http://www.netflix.com/ NetFlix], download from [https://addons.mozilla.org/en-US/firefox/addon/7613 Mozilla Add-ons] site (experimental)		Author: [http://looksgoodworkswell.blogspot.com/ Bill Scott] of [http://www.netflix.com/ NetFlix], download from [https://addons.mozilla.org/en-US/firefox/addon/7613 Mozilla Add-ons] site (experimental)
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 566:		Line 608:
	Author: Robert Nyman, download from [https://addons.mozilla.org/en-US/firefox/addon/9641 Mozilla Add-ons] site		Author: Robert Nyman, download from [https://addons.mozilla.org/en-US/firefox/addon/9641 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 574:		Line 617:
	* Visit [http://sensational-seo.com/ website]		* Visit [http://sensational-seo.com/ website]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 583:		Line 627:
	* Visit [website]		* Visit [website]
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/10704 Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/10704 Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 592:		Line 637:
	* Download [http://code.google.com/p/log-to-net-panel/downloads/list here]		* Download [http://code.google.com/p/log-to-net-panel/downloads/list here]
	* See [http://code.google.com/p/log-to-net-panel/ more info]		* See [http://code.google.com/p/log-to-net-panel/ more info]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 598:		Line 644:
	* Visit [http://code.google.com/speed/page-speed/ website]		* Visit [http://code.google.com/speed/page-speed/ website]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 605:		Line 652:
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/52365/ Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/52365/ Mozilla Add-ons] site
	* See [http://www.strebitzer.at/projects/firefile/docs/ more info]		* See [http://www.strebitzer.at/projects/firefile/docs/ more info]
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
	==== FireSpider ====		==== FireSpider ====
	[http://xrado.hopto.org/post/firespider-extension-for-firebug FireSpider] is a an extension for Firebug that can help you find broken or misleading urls and optimize your web page for search engines.		[http://xrado.hopto.org/post/firespider-extension-for-firebug FireSpider] is a an extension for Firebug that can help you find broken or misleading urls and optimize your web page for search engines.
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>
Line 615:		Line 664:
	[[FireFontFamily]] highlights the rendered font-family inside the Style Side Panel		[[FireFontFamily]] highlights the rendered font-family inside the Style Side Panel
	* Download from [https://addons.mozilla.org/en-US/firefox/addon/111672/ Mozilla Add-ons] site		* Download from [https://addons.mozilla.org/en-US/firefox/addon/111672/ Mozilla Add-ons] site
		+
	<div style="clear:both;"></div>		<div style="clear:both;"></div>

---

Revision as of 07:48, 21 April 2011

Firebug extensions augment or otherwise enhance the Firebug extension. Firebug extensions typically come in the form of Firefox add-ons.

List of known Firebug extensions (in alphabetical order):

Acebug	Adobe BrowserLab	AMF Explorer	Arboreal
Chromebug	Closure Inspector	CodeBurner	ColdFire
Crossfire	CSS Usage	Drupal For Firebug	Eventbug
FireAtlas	Firebug Code Coverage	Firebug Paint Events	Firecookie
Firediff	FireFile	Firefinder	FireFontFamily
FireLinkReport	FirePath	FirePHP	Firequark
FireQuery	Firefocus	FirePalette	Firepicker
FirePython	FireRainbow	FireSass	FireSpider
FireStarter	Firesymfony	FormBug	Illuminations for Developers
Inline Code Finder	Jiffy	Live Coder	Log to NetPanel
NetExport	Net Panel History Overlay	Omnibug	Page Speed
Pixel Perfect	SenSEO	Widerbug	XRefresh
YSlow	FireEyes	ConsoleExport

Are you an author of a new extension for Firebug and want us to update the page? Just open a new issue on Firebug issue list.

Contents 1 Creating Extensions 2 Existing Extensions 2.1 Miscellaneous 2.1.1 Firecookie 2.1.2 Crossfire 2.1.3 FireStarter 2.1.4 Drupal For Firebug 2.1.5 Firediff 2.1.6 Firefocus 2.1.7 FormBug 2.1.8 XRefresh 2.1.9 Firefinder 2.1.10 Omnibug 2.1.11 Firebug Paint Events 2.1.12 Deadbug 2.1.13 Adobe BrowserLab 2.1.14 ConsoleExport 2.2 UI Enhancements 2.2.1 Acebug 2.2.2 CodeBurner 2.2.3 Firefinder 2.2.4 Firequark 2.2.5 Pixel Perfect 2.2.6 FireRainbow 2.2.7 FirePalette 2.2.8 Widerbug 2.2.9 Firepicker 2.2.10 FireSass 2.2.11 Arboreal 2.2.12 FirePath 2.3 Debugging 2.3.1 Chromebug 2.3.2 Eventbug 2.3.3 Firebug Code Coverage 2.3.4 LiveCoder 2.3.5 FirePHP 2.3.6 FireQuery 2.3.7 Firesymfony 2.3.8 ColdFire 2.3.9 FirePython 2.3.10 FireAtlas 2.3.11 AMF Explorer 2.3.12 FireLinkReport 2.3.13 Flashbug 2.3.14 Closure Inspector 2.3.15 Illuminations for Developers 2.4 Performance 2.4.1 YSlow 2.4.2 NetExport 2.4.3 Net Panel History Overlay 2.4.4 Jiffy 2.4.5 Inline Code Finder 2.4.6 SenSEO 2.4.7 CSS Usage 2.4.8 Log to NetPanel 2.4.9 Page Speed 2.4.10 FireFile 2.4.11 FireSpider 2.4.12 FireFontFamily 2.4.13 FireEyes

Creating Extensions

• See Firebug Internals
• Extension Installation Error Codes

Existing Extensions

Miscellaneous

Firecookie

Firecookie is a an extension for Firebug that allows to view, manage and debug cookies in your browser. Apart from all the other cookie managers and viewers available as Firefox extensions, this one is made as an extension for Firebug. This means that web developers have the functionality accessible within the familiar Firebug's UI.

• Visit website
• Download from Mozilla Addons site
• Get the source code (Firebug's BSD-style license)
• Report an issue

Author: Jan Odvarko

Crossfire

Crossfire is a Firebug extension which implements a JSON protocol to allow remote clients (like an IDE or code editor) to connect to Firebug.

• Visit website
• Download from getfirebug.com
• Get the source code (Firebug's BSD-style license)
• Report an issue

Author: Michael G. Collins, FWG

FireStarter

FireStarter is a Firebug extension that extends Firebug's activation model with advanced features.

• Download from getfirebug.com
• Get the source code (Firebug's BSD-style license)
• Report an issue
• Ask a question in the news group

Drupal For Firebug

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

• Visit website
• Download from Mozilla Add-ons site.

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 currently requires a recent build of Firebug, with a strict requirement of at least version 1.4.

• Visit website

Firefocus

Firefocus is a simple Firebug extension that tracks the element that currently has focus. Its primary purpose is to assist the debugging of advanced keyboard implementations. Firefocus requires Firebug 1.4 or later.

• Visit website

FormBug

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

• Visit website

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 [website]
• Download from Mozilla Add-ons] site (experimental)

Firefinder

Firefinder is an add-on to Firebug, to help find HTML elements matching chosen CSS selector(s) or XPath expression. You can also auto-select elements when hovering or via the context menu.

View the results and then share them with a friend via the FriendlyFire feature, or click Inspect to go to the corresponding element in Firebug's HTML tab.

• Visit website
• Download from Mozilla Add-ons site

Omnibug

Omnibug is a plugin for Firebug to ease developing web metrics implementations. Each outgoing request (sent by the browser) is checked for a pattern; if a match occurs, the URL is displayed in a Firebug panel, and decoded to show the details of the request. In addition, requests can be logged to the filesystem.

• Visit website

Firebug Paint Events

Firebug Paint Events allows to view details of MozAfterPaint events, using Firebug.

• Visit website
• Download from Mozilla Add-ons site

Deadbug

Deadbug modifies the Firebug status bar icon to change to an image of an upside down (i.e. 'dead') bug when Firebug is turned off. This allows people who are colorblind or have low-contrast displays to easily tell whether Firebug is active.

• Dead bug icon designed by Kara Rawson.
• Download

Adobe BrowserLab

Launch Adobe BrowserLab directly from Firebug, to preview temporary changes you’ve made using Firebug. BrowserLab generates screenshots of your pages (public or behind a firewall) in multiple browsers.

• Visit website
• Download from Mozilla Add-ons site

ConsoleExport

ConsoleExport is a Firebug extension that allows exporting logs from the Console Panel. Once the extension is installed there is a new Export button available in the Console Panel toolbar.

• Visit home page
• Download from softwareishard.com
• Author: Jan Odvarko

UI Enhancements

Acebug

Acebug is a Firefox add-on that integrates with Firebug is a simple Firebug extension that brings some of the awesome features of the Ajax.org Cloud9 Editor (Ace) to Firebug's large command line.

Features

• Syntax Highlighting
• Auto indentation and outdent
• Highlight matching parentheses
• Load from file
• Save to file
• Execute selection
• Stream Comment

We also plan on adding a bunch of new features to Acebug in the future

• Validate as you type
• Wordwrap
• Auto-completion
• Fully customizable key bindings including VI and Emacs modes
• Themes (TextMate themes can be imported)
• Display hidden characters
• Integrate with the script panel so that the whole panel works with your chosen syntax highlighting when debugging

Links

• Visit website
• Download from Mozilla Add-ons site
• Get the source from github
• Use the issues list to report an issue

CodeBurner

CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS. The extension's core functionality is centered around a new Reference panel, which contains a search tool for looking up HTML elements, attributes, and CSS properties. The extension also hooks into context-menus in the HTML and CSS panels, the DOM crumbtrail, and the Inspector, adding options to look up a selected item (ie. search for it in the Reference panel) or to view a code example.

Author: SitePoint (Download)

Firefinder

Firefinder is an extension to Firebug 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.

Author: Robert Nyman (Download)

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.

• Visit website

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 website
• Download from Mozilla Add-ons site

FireRainbow

FireRainbow brings Javascript syntax highlighting to Firebug.

• Visit website

Author: Antonin Hildebrand, download from [Mozilla Add-ons https://addons.mozilla.org/en-US/firefox/addon/9603] site

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".

• Visit website
• Report an issue
• Download from Mozilla Add-ons site

Widerbug

A modified version of Firebug optimized for widescreen monitors.

• Visit website
• Download from Mozilla Add-ons site

Firepicker

Firepicker automatically adds color picker to Firebug's inline CSS editor.

• Visit website]
• Download from Mozilla Add-ons site (experimental)

FireSass

FireSass allows Firebug to display the original Sass filename and line number of Sass-generated CSS styles.

• Visit website]
• Download from Mozilla Add-ons site

Arboreal

Arboreal is a Firebug extension for DOM tree visualization.

• Visit website]
• Download from Mozilla Add-ons site

FirePath

FirePath is a Firebug extension that adds a development tool to edit, inspect and generate XPath 1.0 expressions and CSS 3 selectors.

• Visit website
• Download from Mozilla Add-ons site

Debugging

Chromebug

Chromebug is Firebug for XUL applications, especially Firefox extensions. We use Chromebug to debug Firebug!

• Chromebug User Guide
• Requires Firebug 1.5
• Works on Firefox 3.0 and later
• Newsgroup: mozilla.addons.chromebug

• Get source code

Author: John J. Barton (Download)

Eventbug

Eventbug is a Firebug extension that lists all of the event handlers on the page grouped by event type (see a blog post).

• Requires Firebug 1.5
• The source code has Firebug's BSD-style license.
• Use Firebug's issue list to report an issue.
• Use Firebug's news group to ask a question.

Author: John J. Barton, Jan Odvarko (Download)

Firebug Code Coverage

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

Author: Zach Leatherman, download from Mozilla Add-ons site (experimental)

Code Coverage for Firebug This Firebug extension is used to report Javascript code coverage. Zach's extension was migrated to Firebug 1.6/Firefox 3.6

Author: Jun Ma, 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 website

Author: Steve Souders, download from Mozilla Add-ons site (experimental)

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 website
• Report an issue
• Join FirePHP group

Author: Christoph Dorn, download from Mozilla Add-ons site

FireQuery

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

• Visit website

Author: Antonin Hildebrand, download from Mozilla Add-ons site

Firesymfony

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

• Visit [1]
• Download from Mozilla Add-ons 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.

• Visit website

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 website
• Download from Mozilla Add-ons site

FireAtlas

FireAtlas is an extension to Firebug dedicated to ASP.NET AJAXdebugging. 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

• Visit website
• Download from Mozilla Add-ons site

AMF Explorer

AMF Explorer is based on the JSON Explorer and XML Explorer features of Firebug, AMF Explorer allows web developers to view deserialized AMF messages in Firebug's Net panel.

• Visit website
• Download from Mozilla Add-ons site

FireLinkReport

FireLinkReport allows viewing all links on the currently open page.

• Visit website
• Download from Mozilla Add-ons site (experimental)

Flashbug

Flashbug is a Firebug extension for Flash. Displays all the running .SWF file trace output. Requires Flash Player Debugger to work properly.

• Visit website
• Download from Mozilla Add-ons site

Closure Inspector

A development extension to Firebug for working with Closure Library and Closure Compiler

• Visit website

Illuminations for Developers

Illuminations for Developers A tool to help you develop web applications by investing Firebug with the knowledge of your JavaScript framework and your workflow with it.

• Requires Firebug 1.6
• Works on Firefox 3.6 and later
• Visit website
• Supports ExtJS 2.x, 3.x, 4.x, and Sencha Touch
• Preliminary support for Dojo 1.5, SproutCore, YUI3, Closure Lib, qooXdoo, and jQuery UI

Author: Steven Roussey (Mozilla Add-ons) Download

Performance

YSlow

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page's performance, summarizes the page's components, displays statistics about the page, and provides tools for performance analysis, including Smush.it™ and JSLint.

YSlow gives you:

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

• Visit website

Author: Yahoo, Inc. (Download)

NetExport

NetExport is a Firebug extension that allows exporting data from the Net panel.

• Requires Firebug 1.5
• Uses HTTP Archive format for export.
• The extension appends a new Export button into Net panel's toolbar.
• The source code has Firebug's BSD-style license.
• Use Firebug's issue list to report an issue.
• Use Firebug's discussion group to ask a question.

Author: Jan Odvarko (Download, website)

Net Panel History Overlay

Net Panel History Overlay adds history functionality to firebug net panel.

• Visit website

Author: Mihailo Lalevic, download from Mozilla Add-ons site (experimental)

Jiffy

The Jiffy Firefox extension adds an additional panel to Firebug that provides a visual view of the Javascript time measurements captured by Jiffy-Web.

• Visit website
• Join Jiffy-Web group

Author: Bill Scott of NetFlix, download from Mozilla Add-ons site (experimental)

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 website

Author: Robert Nyman, download from Mozilla Add-ons site

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.

• Visit website

CSS Usage

With CSS Usage you can look at your CSS rules and see which ones of them are actually used on your website and which aren't.

• Visit [website]
• Download from Mozilla Add-ons site

Log to NetPanel

Log to NetPanel allows you to add markers to the Net panel from javascript. They appear as extra bars below the network downloads. That way, you can find out at what point in the download sequence specific javascript code is running. If you log twice with the same name, a bar will appear from the first to the second point in time.

• Download here
• See more info

Page Speed

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

• Visit website

FireFile

FireFile is a Firebug extension to save the CSS files edited with Firebug live to your web server. That makes Firebug become the first remote-save live-preview CSS editor and allows ultra-fast webdesign.

• Download from Mozilla Add-ons site
• See more info

FireSpider

FireSpider is a an extension for Firebug that can help you find broken or misleading urls and optimize your web page for search engines.

FireFontFamily

FireFontFamily highlights the rendered font-family inside the Style Side Panel

• Download from Mozilla Add-ons site

FireEyes

FireEyes is an unprecedented, nextgen web accessibility tool that ensures both static and dynamic content within a web portfolio are compliant with standards such as Section 508, WCAG 1.0, and WCAG 2.0. You can use another tool, but it won’t be fully JavaScript aware or handle event-based page content, like FireEyes.

• Download from FireEyes site