Question

之前我一直在深入研究谷歌和stackoverflow，但没有找到解决方案。

我的问题如下：我正在使用PhoneGap（cordova 3.0）和jQuery Mobile 1.3.1 for android。

在我的第一个视图加载之前，我遇到了一个白色的屏幕，我想这是在图像加载到顶部之前进行DOM初始化。

我将背景改为黑色，但这个仍然是白色。

我想要实现什么？当视图未完全加载时，背景应该是黑色的，用户具有“应用程序尚未启动”的体验。

更新1： 现在所有的Javascript代码都在onLoad和deviceready上：

<body onload="onLoad()">
    <script type="text/javascript">
        function onLoad() {
           document.addEventListener("deviceready", onDeviceReady, false);
        }
        function onDeviceReady() {
            ... code
        }
    <script>
</body>

不幸的是没有变化。

我发现，由于缓存，第二次启动应用后白屏显示的时间最短。

我的架构如下：为了克服超时错误，除了主文件中增加的超时值之外，我还有一个带有以下结构的index.html。

Main.java super.setIntegerProperty（“loadUrlTimeoutValue”，10000）;

的index.html

<html>
<head>
        <title>title</title>
    <style type="text/css">
            .ui-page { 
                -webkit-backface-visibility: hidden;
     }
        </style>
        <script>
        window.location.href="./main.html";
    </script>   
    </head> 
<body>      
</body>
</html>

这仅用于重定向到加载图像等的实际文件。没有飞溅。

之后出现白屏，当加载需要很长时间加载的main.html时（多页jQuery）。在第一个应用程序启动它是1秒白色屏幕。之后它似乎被缓存并且需要＆lt; ~100ms。

是否可以预先缓存webApp？

jQuery＆amp; Phonegap预加载DOM的问题

0 个答案: