Debug Ionic app on IOS?

ios iphone debugging cordova ionic-framework
Ben Taliadoros picture Ben Taliadoros · Sep 5, 2014 · Viewed 67.3k times · Source

My HTML5 app is packaged by Ionic (using Cordova) and loads onto my iPhone like a normal app.

Can I debug whilst connected to the device? I know with Android you have logcat and in the browser I have dev tools but there are differences between the app on device and the browser and I want to know why.

Any help appreciated.

Thanks

Answer

Jeremy Wilken picture Jeremy Wilken · Sep 5, 2014

There are three primary options.

  1. Debug using Safari. This is good for debugging a hybrid app, but cannot tell you output related to native plugins. http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787
  2. Open the project and build to device in Xcode. This shows the output of the entire device http://cordova.apache.org/docs/en/3.5.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide
  3. Debug with Ionic CLI. Using ionic run ios -l -c -s with the flags will use live reload and print the logs to the console. http://ionicframework.com/blog/live-reload-all-things-ionic-cli/

Related questions

Is it possible to disable the network in iOS Simulator?

I am trying to debug some inconsistent behaviour I am seeing in an application that gets its primary data from the internet. I don't see the issues in the simulator, just on the device, so I'd like to reproduce the …

Read More
Xcode Debugger: view value of variable

My code in a UITableViewController: delegate.myData = [myData objectAtIndex:indexPath.row]; How can I see the values of delegate.myData or indexPath.row in the Debugger? delegate.myData should be an array and indexPath.row an int. I can only …

Read More
Given a view, how do I get its viewController?

I have a pointer to a UIView. How do I access its UIViewController? [self superview] is another UIView, but not the UIViewController, right?

Read More