正文
关于用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中白屏的问题，虽然他设置的值不一样，但提醒了我去尝试这段代码对比。
并此贴出，供各同仁参考。
