Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how can I debug an app in ionic view from windows?

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.

like image 778
parliament Avatar asked May 28 '15 06:05

parliament


People also ask

How do you debug an Ionic application?

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.

How do I test an Ionic app on real device?

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.


2 Answers

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.

like image 104
Sithys Avatar answered Oct 02 '22 20:10

Sithys


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

enter image description here

For iOS (Ionic, PhoneGap, Cordova) apps debugging on Safari, please check this post.

like image 39
mumair Avatar answered Oct 02 '22 21:10

mumair