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

关于用phonegap+jquery moblie开发 白屏闪屏的解决方法,第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; }这个解决方案暂时没发现效果如果上述方案都无法解决您的问题,请尝试下我的方案。应该说每个方案针对的可能不是同一种问题,可能都是有用的。不确定问题出现在哪的时候,多种尝试应该能够解决。就如那句,总有一种适合你。 在对比代码的时候,我也查了一些资料:http://blog.hackedexistence.com/phonegap-jquery-mobile-white-screen-flicker-solved这是关于在iphone中白屏的问题,虽然他设置的值不一样,但提醒了我去尝试这段代码对比。并此贴出,供各同仁参考。

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

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

最终,发现同事开发的androID应用没有这个问题。对比代码排除发现:

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

经尝试的网上方法如下:

此方法是去除了切换页面的效果。 .ui-page { -webkit-backface-visibility: hIDden; }

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

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

以上是内存溢出为你收集整理的关于用phonegap+jquery moblie开发 白屏闪屏的解决方法全部内容,希望文章能够帮你解决关于用phonegap+jquery moblie开发 白屏闪屏的解决方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1149737.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存