NOTE: this post is very likely out-of-date. Please keep this in mind when considering this article.
There are a few things that a lot of developers don’t know about Firebug that I would like to share with you today.
- Right click on a breakpoint to add a condition.
- Using console.log to print messages to the console is great, but did you know you can group messages by calling ‘console.group(“groupname”)’ and ‘console.groupEnd()’?
- Use console.profile() and console.profileEnd() to report on time spent in each function hit, or you could just use the Profiler.
- If you mouse over a color in the CSS tab, it shows you a swatch of that color!
- Not only can you see the HTML of your page change in real-time, you can change it whenever you want.
- If you are using a very high resolution and Firebug is hard to read, just click on the bug and select ‘Text Size > Increase Text Size’
- Log calls to specific function by simply right clicking the function name in the Script section and choosing: ‘log calls to “myFunction”’.
- FINALLY…you can use Firebug in IE, Opera, and Safari (limited functionality) by downloading Firebug Lite!
Now if you still don’t intend to use Firebug, then you must have spent a lot of money on something that probably isn’t much better.