调试适用于 android 平台的 ionic 应用程序

Question

我一直在使用 ionic 并且我的应用程序使用 ionic serve 运行良好。

但是，一旦我在 android 中启动 apk，它就会出现白死屏并停留在那里。

我可以通过哪些方式为 android 平台调试我的 ionic 应用程序？

我曾经研究了一下调试，了解了 chrome 远程调试。

电话显示在连接的设备中，并且文档https://developer.chrome.com/devtools/docs/remote-debugging 建议在 webview 类中添加提到的代码行。我怎么做？ 离子中的网络视图类的等价物是什么？

我听说有人将它添加到他们想要调试的 html 视图中，但这是否表明我需要将它添加到每个 html 页面，以防我需要调试我的所有应用程序？在这种情况下，这听起来不是一个很好的解决方案。

我能得到一些帮助吗？

另外，如果有其他更简单的方法来调试 ionic 应用程序，如果提及，我将不胜感激。

此外，我没有 4.4 + 版本的 android。所以很高兴知道支持 android 4.1 的替代方案。

Answer 1

ionic build --debug

应该做的伎俩。

Answer 2

对于ionic，可以在platforms/android/AndroidManifest.xml的application标签中添加android:debuggable="true"

运行

离子运行 --debug android

然后进入chrome，在URL中输入：chrome://inspect/#devices，找到你的设备，如果找不到，说明调试模式未开启或未授权。

当您在设备下的 chrome 中单击检查时，它仍然没有显示任何内容或空白：

尝试使用 CTRL+SHIFT+i 来检查这个空白窗口。

如果您在中国，您必须启用您的 VPN 才能使用此功能。否则点击检查后会显示为空白。

Answer 3

你试过Genymotion吗？这是一个模拟器。

• 将设备连接到计算机。
• 允许访问设备。
• 检查是否与控制台中的adb devices 正确连接。
• ionic run android -l
• 在 Chrome 中，转到 chrome://inspect。
• 在您的应用中单击检查。
• 然后瞧。

Answer 4

尝试将标志 android:debuggable="true" 设置到您的 AndroidManifest.xml 中？或者通过ionic emulate android使用模拟器。

否则请尝试使用ionic run --debug android 运行您的应用。