Question

我正在将带有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

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脚手架（phonegap create）错误：密度应替换为config.xml中的限定符。请参阅https://medium.com/@jlchereau/how-to-get-splash-screens-to-show-in-android-apps-generated-by-phonegap-build-c0210f2783ff。

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

2 个答案: