在iOS上debugging离子应用程序?

我的HTML5应用程序由Ionic(使用Cordova)打包,并像正常的应用程序一样加载到我的iPhone上。

我可以在连接到设备时进行debugging吗? 我知道与Android你有logcat和在浏览器中我有开发工具,但设备上的应用程序和浏览器之间的差异,我想知道为什么。

任何帮助赞赏。

谢谢

有三个主要选项。

  1. 使用Safari进行debugging。 这对于debugging混合应用程序很有用,但不能告诉你与本地插件相关的输出。 http://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari–webdesign-8787
  2. 打开项目并在Xcode中build立到设备。 这显示了整个设备的输出http://cordova.apache.org/docs/en/3.5.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide
  3. 使用Ionic CLI进行debugging。 使用带有标志的ionic run ios -l -c -s将使用live reload并将日志打印到控制台。 http://ionicframework.com/blog/live-reload-all-things-ionic-cli/

类似于第一个答案,这里是我如何在iOS上进行debugging。

 ionic emulate ios -lc 

其中运行应用程序使用模拟器,并输出控制台日志和错误terminal与实时重新加载。

我使用离子2和打字稿。 你可以使用debugger关键字来debugging像这样的ios:

在这里输入图像说明

然后打开safari – > developer – > simulate – > index.html,祝你好运

在这里输入图像说明

您可以使用以下扩展名的Visual Studio代码: https : //marketplace.visualstudio.com/items?itemName=vsmobile.cordova-tools

问候,Nicholls

我还要补充一点,在Ionic 1.2中,您可以通过ionic serveionic emulate在terminal中获得控制台/错误输出。