CODEWITHSUNDEEP
cordovaionic-frameworkvisual-studio-cordovaionic-view
parliament
parliament

Reputation: 22964

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.

Upvotes: 16

Views: 7708

Answers (4)

Sithys
Sithys

Reputation: 3803

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.

Upvotes: 7

mumair
mumair

Reputation: 2818

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.

Upvotes: 1

Ryan How
Ryan How

Reputation: 1077

Intel XDK and the Intel Live View app allow debugging of an iOS device from Windows.

https://software.intel.com/en-us/intel-xdk

You have to sign your own version of the live view app and it gives you instructions for that.

Then you can just plug in your iPhone. Intel XDK will detect it. Click the debug tab, and it will deploy and debug your app.

Upvotes: 0

Caleb Faruki
Caleb Faruki

Reputation: 2735

If you've installed the Ionic CLI using npm, and it has been successfully added as a PATH variable to your Windows environment, you will have access to the ionic serve command. This spools up a localhost server on your machine for testing your app in a web view.

To check for bugs, simply open your browser's inspector and check for errors logged to the console.

http://ionicframework.com/docs/cli/install.html

http://blog.teamtreehouse.com/install-node-js-npm-windows

Upvotes: 0

Related Questions