在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 - ＆gt;开发者 - ＆gt;模拟 - ＆gt; 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在终端中获得控制台/错误输出。