Is there any other tool better than Firebug on any other browsers? free or commercial?
or any other similar tool which has any single or multiple function which can be useful along with firebug
Is there any other tool better than Firebug on any other browsers? free or commercial?
or any other similar tool which has any single or multiple function which can be useful along with firebug
There is the IE Developer Toolbar, and Chrome / Safari has a built in element inspector. But in my opinion Firebug is the daddy of developer / designer inspection tools.
Webdeveloper is meant to be pretty good, I haven't used it though, I prefer firebug
The HttpWatch for IE is pretty damn spectacular. And unlike Firebug it doesn't consume 35 gigabytes of memory and grind Firefox to a halt. It's not free though...
http://www.httpwatch.com/features.htm
Works with Firefox now as well.
There are a lot of dev tools for Firefox, even plugins to Firebug : https://addons.mozilla.org/firefox/browse/type%3A1/cat%3A4.
If you want to profile performance under IE, dynaTrace is wonderful. Firefox support is on their roadmap.
IE8's developer tools have, IMHO, easier to use CSS property tracing (i.e. you can work by property, rather than just by rule).
But it is only one aspect, and overall Firebug is what I use most of the time.
Short answer: no. I use Chrome, but I develop with FF + Firebug + Webdeveloper
The developer tools that come with WebKit (the rendering engine used by Chrome and Safari) are excellent - they knock spots off Firebug in a number of ways.
Firebug has been increasingly buggy in recent releases (1.4 onwards) and its performance leaves a lot to be desired with anything more complex than plain old web pages. It shows a lot of limitations when dealing with things like SVG and MathML, and JavaScript of any greater degree of complexity than a few basic functions tends to make it throw up its hands in dismay. It's not really any good for serious web application development at the moment.
On the positive side the Firebug developers are very responsive to detailed bug reports - some of mine have resulted in a fix within hours - so there's hope for it yet.
dynaTrace AJAX Edition is amazing for AJAX debugging. John Resig (author of jQuery) loves it. It's IE-only at the moment, but they're working on a Firefox version
The WebKit Web Inspector just got a slew of useful updates in the nightly builds
I often use Firebug Lite when I'm forced to use another browser. It doesn't have all Firebug features, obviously, but it works pretty well and is one less thing I have to figure out how to use...
log4javascript for plain old logging works well in all the major browsers.
Yes, you can make use of Google Chrome Developer tools. Likewise Firefox you have to just right click and select inspect element. The difference is firebug gets opened in the same window, while chrome dev tool gets opened in new window. But I would suggest to make use of Firebug, as it allows to debug the scripts.
Back in the day - before FireBug ruled - Venkman was king. And it still boasts of several advantages over FireBug.
If you need CPU speed profiling, IE8 developer tools (on F12 key) beats Firebug 10 to 1 -- just because it has a Call Tree view.