Debugging Phonegap Apps on Emulators

Just recently started developing Mobile Apps and the start was with the Hybrid Apps using Phonegap.

Straight away I hit the roadblock as there were a lot of JS Errors. I could see that there were errors but unlike a web app, I did not have the luxury to hit F12 and open up the console to watch for all the errors in the console of the Chrome.

So what to do ???

Here is the answer...

1. Open CHROME on your desktop.
2. Navigate to "chrome://inspect"
3.  Check the Box "Discover USB Devices"

This would show a list of all the available Devices, including the emulators also.

Click on INSPECT for any device that you need and viola !! You have the console showing all errors for your device/emulator.


Hope this helps someone.


Thanks
Ashutosh