Debugging Cordova (PhoneGap) code on iOS

Question

I'm working on an app I want to host in iOS via Cordova (PhoneGap). I've run into some problem when I try to access the device.platform and device.version properties. I'm not sure what the problem is. Either way, I can't figure out how to peek into the code to get a better idea of what's going on.

I thought I could just fire up the .html in the desktop version of Safari, however, that didn't provide any insights. In short:

1. How do I debug code running inside of Cordova?
2. Any ideas why I can't just do a "alert(device.platform);"?

Thank you!

Answer 1

Since iOS 6 you can just enable the Develop menu in Safari and use Safari Web Inspector to remotely debug Cordova app in either iOS Simulator or USB attached devices. If you've used Chrome's debugger you'll feel right at home.