在 IOS 上调试 Ionic 应用程序？

Posted 2023-03-16

【中文标题】在 IOS 上调试 Ionic 应用程序？

【英文标题】：Debug Ionic app on IOS?

【发布时间】：2014-10-30 14:34:45

【问题描述】：

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

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

任何帮助表示赞赏。

谢谢

【问题讨论】：

Safari 中有一个调试器，但您必须在设备和浏览器中启用它：phonegap-tips.com/articles/…

【参考方案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/

【讨论】：

选项 #3 对于调试非常有用。 iOS ionic 视图应用程序中引发了许多错误，而这些错误未在 Web 视图中引发。我刚刚在我的代码中添加了与引发错误的位置相对应的 cmets。

请注意，使用选项 3 在设备上运行 ionic（或从 Xcode 构建的 2）也允许使用 Safari 进行选项 1 调试。以设备ionic run ios --device 为目标运行 ionic（使用所需选项），然后打开 Safari 并在“开发”菜单下，一旦显示 web 视图，就开始使用所需的目标。我最初在从 cli 中运行它时遇到了问题，我只是重新安装了平台以解决 ionic platform remove ios 然后再次添加它。

我会将 OS X 上的 Chome 添加到 #1。

【参考方案2】：

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

ionic emulate ios -lc

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

【参考方案3】：

我正在使用 ionic 2 和打字稿。 你可以使用 debugger 关键字在 ios 上调试，如下所示：

然后打开safari -> 开发者 -> 模拟 -> index.html，祝你好运

【参考方案4】：

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

问候，尼科尔斯

【参考方案5】：

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

【参考方案6】：

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