强大的FireBug

 

Firebugintegrates with Firefox to put a wealth of web development tools atyour fingertips while you browse. You can edit, debug, and monitor CSS,HTML, and JavaScript live in any web page.

Just the way you like it

Firebugis always just a keystroke away, but it never gets in your way. You canopen Firebug in a separate window, or as a bar at the bottom of yourbrowser. Firebug also gives you fine-grained control over whichwebsites you want to enable it for.

Learn more

Inspect and edit HTML

Firebugmakes it simple to find HTML elements buried deep in the page. Onceyou've found what you're looking for, Firebug gives you a wealth ofinformation, and lets you edit the HTML live.

Learn more

Tweak CSS to perfection

Firebug'sCSS tabs tell you everything you need to know about the styles in yourweb pages, and if you don't like what it's telling you, you can makechanges and see them take effect instantly.

Learn more

Visualize CSS metrics

Whenyour CSS boxes aren't lining up correctly it can be difficult tounderstand why. Let Firebug be your eyes and it will measure andillustrate all the offsets, margins, borders, padding, and sizes foryou.

Learn more

Monitor network activity

Yourpages are taking a long time to load, but why? Did you go crazy andwrite too much JavaScript? Did you forget to compress your images? Areyour ad partner's servers taking a siesta? Firebug breaks it all downfor you file-by-file.

Learn more

Debug and profile JavaScript

Firebugincludes a powerful JavaScript debugger that lets you pause executionat any time and have look at the state of the world. If your code is alittle sluggish, use the JavaScript profiler to measure performance andfind bottlenecks fast.

Learn more

Quickly find errors

Whenthings go wrong, Firebug lets you know immediately and gives youdetailed and useful information about errors in JavaScript, CSS, andXML.

Learn more

Explore the DOM

TheDocument Object Model is a great big hierarchy of objects and functionsjust waiting to be tickled by JavaScript. Firebug helps you find DOMobjects quickly and then edit them on the fly.

Learn more

Execute JavaScript on the fly

Thecommand line is one of the oldest tools in the programming toolbox.Firebug gives you a good ol' fashioned command line for JavaScriptcomplete with very modern amenities.

Learn more

Logging for JavaScript

Havinga fancy JavaScript debugger is great, but sometimes the fastest way tofind bugs is just to dump as much information to the console as youcan. Firebug gives you a set of powerful logging functions that helpyou get answers fast.

Learn more