Firebug: Web development tools that integrate with Firefox

[KenR]

Here are some cool web development tools that integrate with Firefox. If you develop websites you might what to check it out.

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

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

http://www.getfirebug.com/

from http://tech.cybernetnews.com/

[Redhat]

Thanks for posting Ken  Although it doesn't seem to help in the way of accessibility (WCAG) at all (which is law here, not just guidelines). But very nice all the same 

Much appreciated!

[dk70]

Web Developer toolbar is the other one. Be sure to get latest beta http://chrispederick...k/webdeveloper/beta/ I dont think he advertise it on frontpage. Changelog http://chrispederick...oper/beta/changelog/

[Redhat]

Web Developer toolbar is the other one. Be sure to get latest beta http://chrispederick...k/webdeveloper/beta/ I dont think he advertise it on frontpage. Changelog http://chrispederick...oper/beta/changelog/

-dk70 (December 08, 2006, 01:21 PM)

Looks nice too, thank you  These tools are always good, they free up my day a bit 

[superticker]

Here's a website that lists all the great web developer tools, including FireBug and the Web Developer Toolbar.  This site is also discussed in my StumbleUpon blog (linked on my DonationCoder profile).

http://cyber-knowledge.net/blog/2006/10/05/20-firefox-extensions-that-every-web-designer-should-know-about/

[tinjaw]

Thanks superticker. That is a very good page you linked to. I found a few new ones for me: ViewSourceWith and Load Time Analyzer.

[dk70]

Nice little screencast of new Firebug http://soylentfoo.jn...irebug-10-screencast Oops, site is down but video is up on Google already http://video.google....820657&q=firebug

Have to check for updates manually it seems, Beta 4 now http://www.getfirebug.com/downloads.html

Firebug has a load time analyzer build in, "Net" button. With Beta 3 I got very slow Firefox when Firebug was enabled on all sites.  May be a beta bug or I have to disable Net monitoring under "Options" button. Options menu change according to chosen function.

[dk70]

http://yuiblog.com/b...ideo-hewitt-firebug/ extremely boring or video of the day but good presentation of Firebug by author himself. 100% brilliant if one has the need. Linked video from clicking top picture has better quality than from embedded.

At the end he says something about Firebug "Lite" being first attempt at IE/Opera version and project is open source and "waiting".

[codyBane]

this thread should be revisited to see what people are using still today
Apart from firebug I like to use colorpicker.  Unfortunately it only works in windows so I have to use a 3rd party app for that when I'm on linux.

[mitzevo]

Firebug is still king.