How to Debug Phonegap Using the PhoneGap Developer App

Question

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?

Answer 1

AppGyver's Steroids tooling provides a similar companion app to the PhoneGap Developer App, as well as access to the Chrome Inspector.

You can run Steroids in your Cordova project directly without modifying any files.

(Disclaimer: I'm a programmer for AppGyver.)

Answer 2

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.

Answer 3

It is not supported. You will need to use something like Weinre instead.