Javascript jquery mobile中页面转换期间的白色屏幕

我们正在开发一款

jQueryMobile

应用程序，使用

cordova

。成功登录后，我们被重定向到主页。但在主页加载之前，

白色屏幕

将被安抚。我们进行了研发，找到了如下解决方案

.ui-page { -webkit-backface-visibility: hidden; }
.ui-mobile, .ui-mobile body{
  background:#999;
}
$(document).on("mobileinit", function(){
    $.mobile.defaultDialogTransition = "none";
    $.mobile.defaultPageTransition = "none";
});

我们也尝试了旋转器，但首先会显示白色屏幕，然后会出现旋转器

window.document.addEventListener("deviceready", appReady, false);
function appReady(){
     console.log("******02");
        spinnerplugin.show({
                    overlay: false,    // defaults to true
                    timeout: 30,       // defaults to 0 (no timeout)
                    fullscreen: true,  // defaults to false
                });
     }  

---

因此，指导我们如何删除或隐藏白色屏幕，而页面转换

这是一个相对容易的修复方法，我每次都要这样做。您需要从cordova添加闪屏插件：

cordova plugin add cordova-plugin-splashscreen

然后将以下行添加到项目文件夹根目录中的config.xml中：

<preference name="AutoHideSplashScreen" value="false" />

如果需要，您还可以添加一个超时来延长初始屏幕的显示时间：

setTimeout(function() {
    navigator.splashscreen.hide();
}, 2000); //Time to delay function in milliseconds

有关该插件的更多信息可在此处找到：

---

这是一个相对容易的修复方法，我每次都要这样做。您需要从cordova添加闪屏插件：

cordova plugin add cordova-plugin-splashscreen

然后将以下行添加到项目文件夹根目录中的config.xml中：

<preference name="AutoHideSplashScreen" value="false" />

如果需要，您还可以添加一个超时来延长初始屏幕的显示时间：

setTimeout(function() {
    navigator.splashscreen.hide();
}, 2000); //Time to delay function in milliseconds

有关该插件的更多信息可在此处找到：

尝试添加此元标记（用户可伸缩=否）：

尝试添加此元标记（user scalable=no）：

---

仅当确实需要向用户提供反馈时才使用微调器。如果主页可以立即加载，是否真的需要显示微调器？另外，您可以保留30的超时时间。仅当确实需要向用户提供反馈时才使用微调器。如果主页可以立即加载，是否真的需要显示微调器？另外，您可以保留30的超时时间。