The Lair

A bit of a nothing post, really - but I thought it would be moderately useful to document the development tools for the three four major browsers that are available in the Windows world.

Firefox - use Firebug. Nuff said. Honestly, this is pretty much all you need. It allows pretty much everything that you’d need for JavaScript, CSS and general mucking around with pages. Perhaps Web Developer comes close; but nothing else does. There are lots more development extensions related extensions for Firefox; Google should reveal the more obvious candidates.

Internet Explorer - use the Developer Toolbar for Internet Explorer. It’s by Microsoft, it’s free. Not great, but it does the job. Non-free but closer to Firebug in functionality, IE Inspector offers a couple of tools which function as Internet Explorer addons. The debugger is sort of weird, but it works. IE is still inscrutable to me though. No browser gives me as many headaches with layouts.

Opera - there are plenty of tools for developers in the Tools Section - I actually like the DOM tool implemented by Opera more than I do the equivalents in other browsers. That’s purely a matter of personal taste, though.

Safari - just enable the debug menu. It is disabled and hidden by default, but enabling is just a matter of setting the right preference. On the Mac, however - you’d need to use the defaults utility - on Windows, you’d need to edit the Preferences.plist file as explained here. The debug menu on Windows contains a user agent switcher, a JavaScript console and couple of other features (Snippets? Site Specific Hacks?) that I haven’t quite worked out yet. The JS console is pretty much essential of course - the Webkit JavaScript implementation is somewhat strange (and has never worked for me, despite targetting KHTML/Konqui).

I still think Firefox edges it for sheer breadth of development tools available, but the more you know eh?