[Seamaiden]

Name: Firebug
GUID: firebug@software.joehewitt.com
Author: Joe Hewitt
Version: 1.5.4
Size: 1057KB
Date: 2010-05-06
Compatibility: <Toolkit> 1.9.1 - 1.9.2.* 3.5 - 3.6.*
Platforms:
Homepage | FAQ | Development Blog | AMO

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and Javascript live in any web page.



It's an absolute must-have if you're into writing up your own Javascripts and you've found yourself going nuts trying to figure out why they won't work. This extension will help you quickly and easily zero in on Javascript errors and will tell you exactly what went wrong (as opposed to the vague, snippy Javascript error messages issued by Internet Explorer, e.g., 'Object expected').



FEATURES

• Just the way you like it
  Firebug is always just a keystroke away, but it never gets in your way. You can open Firebug in a separate window, or as a bar at the bottom of your browser. Firebug also gives you fine-grained control over which websites you want to enable it for.
  Learm more
  
  
  
  
  
• Inspect and edit HTML
  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.
  Learn more
  
  
  
  
  
• Tweak CSS to perfection
  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.
  Learn more
  
  
  
  
  
• Visualize CSS metrics
  When your CSS boxes aren't lining up correctly it can be difficult to understand why. Let Firebug be your eyes and it will measure and illustrate all the offsets, margins, borders, padding, and sizes for you.
  Learn more
  
  
  
  
  
• Monitor network activity
  Your pages are taking a long time to load, but why? Did you go crazy and write too much Javascript? Did you forget to compress your images? Are your ad partner's servers taking a siesta? Firebug breaks it all down for you file-by-file.
  Learn more
  
  
  
  
  
• Debug and profile Javascript
  Firebug includes a powerful Javascript debugger that lets you pause execution at any time and have look at the state of the world. If your code is a little sluggish, use the Javascript profiler to measure performance and find bottlenecks fast.
  Learn more
  
  
  
  
  
• Quickly find errors
  When things go wrong, Firebug lets you know immediately and gives you detailed and useful information about errors in Javascript, CSS, and XML.
  Learn more
  
  
  
  
  
• Explore the DOM
  The Document Object Model is a great big hierarchy of objects and functions just waiting to be tickled by Javascript. Firebug helps you find DOM objects quickly and then edit them on the fly.
  Learn more
  
  
  
  
  
• Execute Javascript on the fly
  The command line is one of the oldest tools in the programming toolbox. Firebug gives you a good ol' fashioned command line for Javascript complete with very modern amenities.
  Learn more
  
  
  
  
  
• Logging for Javascript
  Having a fancy Javascript debugger is great, but sometimes the fastest way to find bugs is just to dump as much information to the console as you can. Firebug gives you a set of powerful logging functions that help you get answers fast.
  Learn more
  
  

USAGE NOTES
After installation, Firebug will appear as a green check mark in the bottom right corner of Firefox (assuming the page you're currently viewing contains no script errors).

Firebug will notify you when the current page contains Javascript errors by displaying a red circled 'X' in the bottom right corner of Firefox followed by the number of errors.

• To view the error messages, click the number of errors notification to open the Firebug console. The error messages will be listed in the console along with which web document contains the errors, which lines of code in that document are producing the errors, and the respective line numbers.

To disable Firebug, click on Tools -> Firebug -> (check) Disable Firebug

To re-enable Firebug, click on Tools -> Firebug -> (clear) Disable Firebug

CREDITS
Many thanks to Jamey Boje for designing the Firebug logo.

WHAT'S NEW
Release note information is available from http://blog.getfirebug.com/.
I understand that the text in this box cannot be selected or clicked on in some cases, but that is not under our control.

BUGS & ISSUES

• Some users reported bugs and crashes on Firefox 2.0.0.10. See the Discussions at AMO for details.
  
• Do not install Location Navigator if the Firebug extension is installed. The two will conflict.
  
• There are some issues with Firebug on Linux. Read the FAQ for more information about this and other known issues.

HELP & SUPPORT

• If you have any problems, please read the FireBug FAQ first.
  
• Then review the other Documentation.
  
• Visit the Firebug Discussion Group on Google Groups.
  
• If you do not receive a response, email Joe Hewitt

ONLINE DOCUMENTATION

• FAQ - Answers to frequently asked questions.
  
• Keyboard & Mouse Shortcuts - Complete reference of the quickest ways to get things done in Firebug.
  
• Command Line API - Learn about special functions you can use on the command line.
  
• Console API - Learn about special functions you can call from web pages.
  
• Firebug Lite - How to use Firebug in Internet Explorer, Safari, Opera, and other browsers.

VIDEOS

• Joe Hewitt gives a talk on advanced features of Firebug
  
• Jim Plush's Firebug screencasts
  
• Jesse Newland's Firebug screencast

TUTORIALS

• Estelle Weyl's Introduction to Firebug
  
• Justin Palmer's tutorial on Firebug Javascript debugging
  
• John Barton's introduction to the Firebug source

CONTRIBUTE
Firebug is free and open source. Please support the project by contributing.

Install | Download


PREVIOUS VERSIONS

Quote

Version 1.4.5 for Firefox 3.0 - 3.6.*
Install | Download

Version 1.3.1 for Firefox 1.5 – 3.0.*
Install | Download

EXTRAS

Please visit this page for more information (installation, usage, command line) on these files.

Firebug Lite

Quote

Firebug is an extension for Firefox, but what happens when you need to test your pages in Internet Explorer, Opera, and Safari? If you are using console.log() to write to Firebug's console, you'll wind up with Javascript errors in these other browsers, and that's no fun.

The solution is Firebug Lite, a Javascript file you can insert into your pages to simulate the Firebug console in browsers that are not named "Firefox".

Download

Firebugx.js

Quote

If you don't want to install Firebug Lite, but you just want to avoid those annoying Javascript errors, grab firebugx.js here and just copy and paste it into your web page code.

Download (zip)