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

Question

我正在部署一个带有phonegap的网络应用程序：iOS和Android。

我可以部署两者，但是当应用程序启动时，在Android模拟器上 （也可以使用我用它来测试应用程序的任何物理设备），它会保留一个白色/空白画布。 永远。

最初，我认为这是javascript相关的，虽然我不认为这是有道理的，因为我没有与iOS相同的问题（但我知道，它可能是浏览器相关）。

我通过互联网研究这个问题，但任何可能有意义的解决方案对我来说都不适用。

解决方案我试过：

启动画面后，PhoneGap Build iOS应用程序有空白屏幕

我正在使用的Phonegap版本是：v3.3.0

此外，我正在使用Javascript框架：Dojo，v1.9

Answer 1

我的回答是......用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" />

希望这可以帮助。

Answer 2

Phonegap 6.3 scaffholding（ phonegap create ）是错误的： 密度应该用config.xml的限定符替换。 请参阅https://medium.com/@jlchereau/how-to-get-splash-screens-to-show-in-android-apps-generated-by-phonegap-build-c0210f2783ff 。