在iOS上debugging离子应用程序？

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

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

任何帮助赞赏。

谢谢

Answer 1

有三个主要选项。

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/

Answer 2

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

 ionic emulate ios -lc 

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

Answer 3

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

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

Answer 4

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

问候，Nicholls

Answer 5

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