Debugging Mobile Javascript

If you’re working with iOS devices, you’ve probably already discovered the semi-useful native debugger for Safari Mobile.  In case you haven’t, head over to the iOS settings, go into the Safari panel, and you should discover an option to ‘Enable Debug Console’.  Once enabled, you will have an extra toolbar at the top of your browser that will allow you to navigate to a debugging console.  This is not only handy for tracking down javascript bugs, but given the complexity of running a debugging setup on your desktop, it’s almost a necessity.

I had nearly given up hope on Android – however, go to a webpage and in the address bar type in about:debug.  This useful little address will add a small bar to the top of your browser that allows you to see a javascript console!  I believe this trick will only work in the latest Andriod version or so, but try it on your device before you pull your hair out trying to debug you website for Android.

While I’m on the subject, I have found Weinre (pronounced ‘Winery’) to be an extremely useful little tool.  It can take some getting used to and the initial setup, though documented, is still a little on the tricky side, but is well worth the installation effort.

Good luck and happy debugging!

Comments

1. Des Moines Developer

   May 23, 2012 at 8:19 am

   I thought this article would have more information than the obvious

   

   Reply »
   • Kai

     May 23, 2012 at 12:05 pm

     What information would you like?

     

     Reply »