如何在白屏调试Ionic app stack?

时间:2017-03-02 11:31:07

标签: android cordova ionic-framework console adb

我已经构建了一个离子应用程序。当我通过ionic serve(在浏览器上)提供服务时,一切都按预期运行。但是当我为Android构建它时应用程序加载显示启动画面然后只是一个空白的白色屏幕

我已经构建了与配置相同的应用程序(cordova部分),并将src文件夹替换为使用ionic start初始化新应用程序时出现的样板文件,并且运行正常。让我得出结论,问题出在我的javascript代码中。

我想知道如何调试它以及当设备在实际设备上运行时如何查找控制台输出。是否可以通过adb查看错误,特别是在Android上运行时? 请帮助

我的系统信息:

Cordova CLI:6.5.0 离子框架版本:2.0.0 离子CLI版本:2.2.1 Ionic App Lib版本:2.1.7 Ionic App Scripts版本:1.0.0 操作系统:Linux 4.8 节点版本:v7.6.0

1 个答案:

答案 0 :(得分:1)

您可以通过两种方式完成:

<强> 1。 IONIC RUN COMMAND

使用以下命令运行您的应用程序:

fs.openSync()

这可以让您在控制台上看到错误并进行修复。

这里有更多文档

http://gonehybrid.com/how-to-debug-the-white-screen-of-death-in-your-ionic-app/

<强> 2。 CHROME

此外,您可以使用Chrome调试您的应用,如果您将应用运行到ADV或在设备中进行编译连接到您的PC,打开浏览器并输入导航栏ionic run ios --livereload --consolelogs 此处将显示webviews,这里必须出现你的应用程序,你可以启动调试工具。