I absolutely love how I can just do ionic upload
and instantly get my app on my iphone!
But how am I supposed to debug it? I'm on windows and all options I have found require to be on OSX.
1) Safari 6 remote debugging - Safari for windows was discontinued at 5.1
2) XCode - nope, on windows
3) ionic emulate ios -l -c -s
nope, on windows
I have a Mac on standby listening for build requests via vs-mda-remote
service from the Visual Studio Cordova Tools so I'm able to build and deploy to a live device like that, however this is super time consuming.
If this was somehow integrated with ionic view
ionic upload -l -c -s
my life would be complete. Okay okay maybe we can do without the live reload for now, but is it possible at all???
To clarify, I'm aware of ionic serve, however I'm talking about debugging ON THE PHONE using the IonicView mobile app. I have an issue that ONLY happens on the phone via IonicView app, but cannot be replicated in the browser.
Developer Options & USB Debugging are enabled by default in the Android emulator. Open the Chrome browser and navigate to the URL chrome://inspect/#devices . Your connected Android device should show up in the list of Remote Targets. On your device, open the Ionic app that you would like to debug using Chrome.
To run your app, all you have to do is enable USB debugging and Developer Mode on your Android device, then run ionic cordova run android --device from the command line. Enabling USB debugging and Developer Mode can vary between devices, but is easy to look up with a Google search.
I don't know why, but i thought GapDebug is much better known. GapDebug brings you all the features you need to debug your application in a very smooth and easy way. It works on Mac OS X but also on a Windows Computer.
UPDATE:
GapDebug was discontinued in 2016 with version 2.4.0 as the final release. It works for apps running on Android and iOS 9 and earlier but not on iOS 10 and up.
See Genuitec to Discontinue Development of GapDebug .
Link to last Windows GapDebug 2.4.0 installer.
Above answers about ionic serve
and GapDebug
are fantastic, But there is another way to debug ionic application running on android device by using Chrome browser.
Yes chrome, all you have to do is type chrome://inspect
, make sure your phone is USB connected with enabled Developer Options, and see the magic!
Note: If you are using Chrome to inspect/debug, then must close GapDebug
For iOS (Ionic, PhoneGap, Cordova) apps debugging on Safari, please check this post.
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