This post is a guide to debug a Cordova / Phonegap App on Android.
I use DevExtreme for Mobile (Cordova / Phonegap) Development. Regardless if you use Inoic or some other Phonegap related framework the basic steps are the same.
I. Get The Tools: You will need either the Android Debug Bridge (ADB). You do not require the Android Development Kit for Cordova Development. Just install the Minimal ADB Fastboot. Use this download link and read more about it on XDA Developers.
After you install the ADB Fastboot you have to start the server. First run a command window as an Admin and start the ADP Server.
cd C:\Program Files (x86)\Minimal ADB and Fastboot
adb start-server
II. Creating a Debuggable App: In Visual Studio while using DevExtreme you must tick the checkbox for Debuggable, the build the app. Note: You cannot publish an debuggable app to an app store.
![](../../../../../imagedf14.html?picture=/2016/VSDebug.png)
Create your mobile app and deploy it to your device. You must have Debugging option enabled on your device. After the install start the app up.
III. Chrome Remote Debugging: Using the Chrome Browser and Remote Debugging Tools you can debug your Mobile App.
A. Dev Tools: In Chrome go to More Tools > Developers Tools. When the console comes up go into More Tools > Remote Devices.
![](../../../../../imagea9d4.html?picture=/2016/RemoteDevices.jpg)
B. Your Device: You should now see your device. In this case I am debugging a Meditation App I wrote called "Meditation Mind Machine."
To start debugging click Inspect.
![](../../../../../imageabae.html?picture=/2016/RemoteDevices2.jpg)
After clicking Inspect you will see any messages in the Console Area. You can access the features of your app in the browser, or by using the features on your device.
![](../../../../../imageef86.html?picture=/2016/DeuggerRunning.jpg)