views:

29

answers:

2

How do browsers compare in terms of tools offered to web developers? What is the browser of choice for you as a web developer? What features or extensions make it so?

+2  A: 

I am a Google Chrome user, and have been using the Chrome Developer Tools a lot lately. It has all of the features that I could hope for, and works really well. I like the ability to edit the page's html or css on the fly, as well as the ability to see the network information and the headers for every javascript file, image, css file, AJAX request, and so on.

If you have Chrome installed, you can bring up the Tools by using the keyboard shortcut: Ctrl + Shift + I.

Dan D.
Is the notion that Firebug is better than Chrome developer tools not true then?
Ashish
Firebug and Chrome Developer Tools offer similar functionality. I do not use Firebug all that often, so I am not sure if one contains something that the other does not, but it's pretty much left to your personal preference, in my opinion.
Dan D.
A: 

I prefer Firefox myself, but nowadays they all quite close to each other. FF just provides far more access to its own internals and system to the extensions, so its technically possible to do more with them than with opera widgets or chrome extensions.

Firefox has Firebug, FireQuery, JSONView and Wev Developer extensions to provide you w/e you need to debug AJAX-rich apps.

Opera has Dragonfly out of the box, with similar to Firebug capabilities.

Chrome has Chrome Developer Tools, which again, is on par with Firebug.

Even IE8 got itself some fancy developer tools with basic firebug caps.

Real answer tho is all of them, since there are often browser-specific problems which need to be debugged with that browser's own tools.

Daniel Kluev
Opera's Dragonfly cannot compete with Firebug. For example, you can't add CSS rules on-the-fly.
Pumbaa80