Phonegap just came out with a way to instantly see your changes to your phonegap app using a local server by using this command:
phonegap serve
And then by downloading the PhoneGap Developer App. The instructions are here: http://app.phonegap.com/
But I'm used to being able to go to about:inspect in Chrome to use remote debugging (http://www.adamwadeharris.com/remote-debugging-in-phonegap-with-chrome-devtools/), but when I go to this page while the Phonegep Developer App is running, nothing shows up underneath the name of my phone. Is there a way to do this with the PhoneGap Developer App?
PhoneGap is an Open Source framework that helps build hybrid applications which work on most mobile platforms such as Android, iOS, Blackberry, Windows Phone among others. Framework provides a container that bridges the native APIs to the web view.
The process consists of 3 steps : Enable the developer mode on your android device. Set up inspect mode in Google chrome desktop. Start debugging.
To enable debugging on iOS, In the iOS device, go to Settings → Safari → Advanced → Enable 'Web Inspector' From the Mac, Safari → Preferences → Advanced → Enable 'Show Develop menu in menu bar' Once this is done, start the Cordova application and connect your iOS device with USB cable.
It is not supported. You will need to use something like Weinre instead.
In order to remote debug on Android with Chrome, while running in Phonegap Developer App, you should use an apk that was built in debug mode.
You can clone the app repo and build it yourself. You can also download the debug mode apk from my blog.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With