电容编译的 Ionic 应用程序：如何在 Android Studio 中调试？
Posted
技术标签:
【中文标题】电容编译的 Ionic 应用程序：如何在 Android Studio 中调试？【英文标题】：Capacitor compiled Ionic app: How to debug in Android Studio? 【发布时间】：2020-07-02 16:18:44 【问题描述】：我使用了命令
ngx cap open android
在 Android Studio 中打开我的 Ionic 5 项目，如 here 所述。这工作正常。
在我的应用程序中，我正在连接到服务器，该服务器返回我的应用程序所需的 json 数据。此连接似乎不起作用，我的应用中只有加载动画。
我该如何调试呢？它在 PWA 版本和我的 Ionic 测试服务器上运行，但应用程序连接时出现问题。我需要一条错误消息或其他东西，才能知道出了什么问题。
解决此类问题的好方法是什么？我可以通过 typescript 代码在 android studio 中输出或记录一些东西吗？
【问题讨论】：
【参考方案1】：打开 Chrome 浏览器并导航到 URL chrome://inspect/#devices。您连接的 Android 设备应显示在远程目标列表中。
在您的设备上，打开您要使用 Chrome 进行调试的 Ionic 应用。
在设备上运行您的应用后，返回 Chrome 并点击检查 chrome://inspect/#devices
查看更多： Capacitor compiled Ionic app: How to debug in Android Studio?
【讨论】：
谢谢！我喜欢它！ :)【参考方案2】：我在这里发布了一个完整的项目，专门用于 Angular 和 Capacitor。
我相信诀窍是您必须使用实时重载进行调试。如果您使用 ionic cli 构建您的项目，那么您应该可以使用提供的基本命令，否则您将需要手动进行一些修改。这个项目，帖子把它分解了
https://github.com/aaronksaunders/plain-ng-cap-app
电容器运行，请参阅 liveReload 部分 - https://ionicframework.com/docs/cli/commands/capacitor-run
【讨论】：
以上是关于电容编译的 Ionic 应用程序：如何在 Android Studio 中调试？的主要内容，如果未能解决你的问题，请参考以下文章
如何删除 Ionic 5 电容器 Android 应用程序上不需要的权限？
如何在 ionic 4 中使用电容器进行本地通知，在通知中显示图标和图像“不是科尔多瓦本地通知”
Ionic 4 在 iOS 设备上运行应用程序时出现电容器错误
Ionic 5 电容器：使用 ONESIGNAL 的推送通知在 iOS 上不起作用