Ionic 有没有办法直接在 Android 或 iOS 设备上进行调试？答案

【问题标题】：Is there a way in Ionic to debug directly on Android or iOS devices?Ionic 有没有办法直接在 Android 或 iOS 设备上进行调试？
【发布时间】：2020-01-30 10:52:52
【问题描述】：

我正在开发一个 Ionic/Cordova 跨平台应用程序，但我在调试方面有点吃力。调试当然可以直接在浏览器中运行ionic serve，然后使用浏览器开发者工具进行，但有些行为只发生在真实设备上。

【问题讨论】：

标签： android ios cordova debugging ionic-framework

【解决方案1】：

添加详细指南以执行此操作..

确保您的安卓设备开启了开发者模式，并且在您设备的开发者设置中启用了 USB 调试。你可以谷歌来激活它。
设备通过USB连接，系统和移动设备都连接到同一个wifi网络..使用命令

ionic cordova run android -l --external

在设备上安装并启动应用后，在您的 chrome 浏览器中打开此链接

chrome://inspect/#devices

如果一切都正确完成，您将在此处看到您的设备名称和应用程序名称以及检查选项。这将打开与 Web 完全相同的 chrome 开发者控制台。
现在您可以直接在设备上调试应用程序。添加断点、编辑 html 并查看日志。

Reference

【讨论】：

这是调试我的应用程序最直接的方法！谢谢！！在调试期间遇到一些延迟是否正常？
是的，在命令 ionic cordova build android --prod 上，您的应用程序将为生产而构建，并且与调试 .apk 相比的时间非常不同。您可以不时执行此操作，以检查插件的加载时间。以及整个应用程序。

【解决方案2】：

是的，您可以使用 Chrome 和 Safari DevTools 连接到您的设备并调试 HTML/JS/CSS，只要您不构建发布版本 (cordova build android ---release)。它确实需要一些初始设置，因为默认情况下它是禁用的。

或者您可以使用 Android Studio 或 XCode 来调试插件等。

请注意，您只能使用 Mac 调试 iOS 应用程序（或使用 Google 的 iOS WebKit Debug Proxy）。可以从任何安装了 Chrome（用于 HTML/JS/CSS）或 Android Studio 的操作系统调试 Android 应用程序。

Official Cordova debugging guide

【讨论】：

【解决方案3】：

一个简单的方法可能是使用 logcat，看看这个答案Debugging a WebView (Ionic) app on Android via logcat。

【讨论】：

这也是一种调试的好方法，但由于我使用的是 Visual Studio Code 而不是 Android Studio，所以在我的情况下，我会推荐 @ChetanBansal 的答案。谢谢！
不客气。请记住，logcat 是一个独立的工具。事实上，我正在使用它在 ReactNative 中开发 :)。所以，不管你是否使用 Android Studio。只打开一个终端并使用它！