如何避免Android上的Phonegap app空白屏幕?

时间:2014-03-20 19:28:09

标签: javascript android cordova dojo

我正在将带有phonegap的网络应用部署到平台:iOS和Android。

我可以部署两者,但是当应用程序启动时,在 android模拟器上(也可以使用我用它来测试应用程序的任何物理设备)白色/空白画布。永远。

最初,我认为这与javascript有关,虽然我认为它没有意义,因为我不会遇到与iOS相同的问题(但我知道,它可能与浏览器有关)。< / p>

我已经通过互联网研究了这个问题,但任何可能有意义的解决方案对我来说都没有用。

我试过的解决方案:

PhoneGap Build iOS app has blank white screen after splash screen

我使用的Phonegap版本是:v3.3.0

此外,我使用的是Javascript框架:Dojo,v1.9

2 个答案:

答案 0 :(得分:2)

我的回答是......用Weinre调试那个东西:

http://people.apache.org/~pmuellr/weinre/docs/latest/

Weinre与Chrome / Safari检查器非常相似,仅适用于远程浏览器(例如本机WebView!)。很甜蜜,嗯?它涉及一些设置,但对我来说非常值得。交互式地测试你的假设,并看到你的console.log语句以比logcat更好的方式打印出来(在android案例中)。


对此事的一些反思:

在过去的几个月中开发我的应用程序,我已经遇到了大量空白屏幕。它永远不会是两次相同的问题,对我而言,它始终是我在开发过程中遇到的问题。

例如,不是通过命令行添加Cordova插件,而是尝试在我的应用程序的javascript逻辑中引用该插件。

另一个例子是没有在服务器上设置正确的Cross Origin东西,并且在桌面/ localhost上正常工作的初始ajax调用突然在部署到设备后不起作用并且它只是扯掉(给出白屏)。

另一天的另一个例子是试图看看我是否可以在Android上使用Sencha,而不是2.3,在我的情况下,你猜对了它给了我一个白色的屏幕。也许Dojo有类似的问题?


根据要求,我当前的config.xml中的设置在iOS和Android上均正常工作

<preference name="permissions" value="none" />
<preference name="orientation" value="portrait" />
<preference name="target-device" value="universal" />
<preference name="fullscreen" value="false" />
<preference name="webviewbounce" value="true" />
<preference name="prerendered-icon" value="true" />
<preference name="stay-in-webview" value="false" />
<preference name="ios-statusbarstyle" value="black-opaque" />
<preference name="detect-data-types" value="true" />
<preference name="exit-on-suspend" value="false" />
<preference name="show-splash-screen-spinner" value="true" />
<preference name="auto-hide-splash-screen" value="true" />
<preference name="disable-cursor" value="false" />
<preference name="android-minSdkVersion" value="7" />
<preference name="android-installLocation" value="auto" />

希望这有帮助。

答案 1 :(得分:0)

Phonegap 6.3脚手架(phonegap create)错误:密度应替换为config.xml中的限定符。请参阅https://medium.com/@jlchereau/how-to-get-splash-screens-to-show-in-android-apps-generated-by-phonegap-build-c0210f2783ff

相关问题