它山之石可以攻玉

键盘上的生活
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2013-11-27 16:09  陈达辉  阅读(1890)  评论(1编辑  收藏  举报

前几天自己玩开发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; } 

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

如果上述方案都无法解决您的问题,请尝试下我的方案。
应该说每个方案针对的可能不是同一种问题,可能都是有用的。不确定问题出现在哪的时候,多种尝试应该能够解决。就如那句,总有一种适合你。
 
在对比代码的时候,我也查了一些资料:
这是关于在iphone中白屏的问题,虽然他设置的值不一样,但提醒了我去尝试这段代码对比。
并此贴出,供各同仁参考。