在 IOS 上调试 Ionic 应用程序？

Question

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

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

任何帮助表示赞赏。

谢谢

Answer 1

有三个主要选项。

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

Answer 2

与第一个答案类似，这是我在iOS上进行调试的方法。

ionic emulate ios -lc

使用模拟器运行应用程序，并通过实时重载将控制台日志和错误输出到终端。

Answer 3

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

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

Answer 4

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

问候，尼科尔斯

Answer 5

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

Answer 6

只是一个更新，来自 OSX： ionic serve ios -l -c -s