Debbugging Your Web Apps

Debugging has come a long way in the last few years, the current crop of tools is making web development faster and easier than ever before.

A great tool I found today is FireBug (late to the party as usual). It let’s you what’s going on under the hood of the browser including JavaScript, CSS, HTML and Ajax. Aside from debugging your own code you can sneak a peak everyone else’s business (for inspiration of course not to copy and paste).

FireBug
FireBug highlighting a div

A tool I’ve been using since the early Remoting days is Charles, which shows you all the communication going on between your browser and server. Charles saved me big time a couple of years back when Flash started requiring crossdomain.xml files if your .swf wanted to access data from another web site. Long story short I missed the memo about cross domain files and couldn’t for the life of me figure out why my Flash file could connect to data when tested locally but not on the server. Charles let me know that the .swf was checking for crossdomain.xml. Problem solved.

Leave a Reply

*
To prove you're a person (not a spam script), type the security word shown in the picture.
Anti-Spam Image