关于用phonegap+jquery moblie开发 白屏闪屏的解决方法

前几天自己玩开发android应用，做些页面切换效果时，发现两个页面间切换间有白色闪屏的问题。

在网上找了很久的资料，还是没有解决。

最终，发现同事开发的android应用没有这个问题。对比代码排除发现：

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

如果添加 user-scalable=no，即禁止用户手动缩放，则白屏问题解决。

经尝试的网上方法如下：

<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>  
<script>  
$(document).bind("mobileinit", function()  
{  
   if (navigator.userAgent.indexOf("Android") != -1)  
   {  
     $.mobile.defaultPageTransition = 'none';  
     $.mobile.defaultDialogTransition = 'none';  
   }  
});  
</script>  
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-.1.0.min.js"></script>  

此方法是去除了切换页面的效果。

 

.ui-page { -webkit-backface-visibility: hidden; } 

这个解决方案暂时没发现效果

如果上述方案都无法解决您的问题，请尝试下我的方案。

应该说每个方案针对的可能不是同一种问题，可能都是有用的。不确定问题出现在哪的时候，多种尝试应该能够解决。就如那句，总有一种适合你。

 

在对比代码的时候，我也查了一些资料：

http://blog.hackedexistence.com/phonegap-jquery-mobile-white-screen-flicker-solved

这是关于在iphone中白屏的问题，虽然他设置的值不一样，但提醒了我去尝试这段代码对比。

并此贴出，供各同仁参考。