在IOS上调试Ionic应用程序？

Question

我的HTML5应用程序由Ionic(使用Cordova)打包并像普通应用程序一样加载到我的iPhone上.

我可以在连接到设备时进行调试吗？我知道在Android上你有logcat,在浏览器中我有开发工具,但设备和浏览器上的应用程序之间存在差异,我想知道原因.

任何帮助赞赏.

谢谢

Answer 1

有三个主要选项.

使用Safari进行调试.这适用于调试混合应用程序,但无法告诉您与本机插件相关的输出.http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787
打开项目并在Xcode中构建设备.这显示了整个设备的输出http://cordova.apache.org/docs/en/3.5.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide
使用Ionic CLI进行调试.使用ionic run ios -l -c -s标志将使用实时重新加载并将日志打印到控制台.http://ionicframework.com/blog/live-reload-all-things-ionic-cli/

请注意,使用设备上运行ionic的Option 3(或Xcode中的2个建筑物)也允许使用Safari进行选项1调试.运行离子(带有所需的选项),以设备`ionic run ios --device`为目标,然后打开Safari,在开发菜单下,一旦显示webview,就开始使用所需的目标.我最初有问题从cli工作,只是重新安装平台来解决`离子平台删除ios`然后再添加它. (3认同)
选项#3对于调试非常有用.iOS离子视图应用程序中抛出了很多错误,这些错误未在Web视图中引发.我刚刚在我的代码中添加了与错误抛出位置相对应的注释. (2认同)

Answer 2

与第一个答案类似,这是我在iOS上调试的方式.

ionic emulate ios -lc

其中使用模拟器运行app并通过实时重新加载将控制台日志和错误输出到终端.

Answer 3

我正在使用离子2和打字稿。您可以使用debugger关键字在ios上进行调试，如下所示：

然后打开Safari->开发人员->模拟-> index.html，祝您好运