在Android上使用JQM和PhoneGap闪烁/闪烁

Question

我在Android平台(版本2.3.3及更高版本)上为我的应用程序使用PhoneGap 2.2.0和jQuery Mobile 1.2.0.在页面上我使用固定标题,根本没有过渡.Rest是非常标准的jQuery.

当我从一个页面导航到另一个页面时,我会短暂地看到一个白色的闪烁(整个页面).我在网上搜了几个小时.

尝试下面失败:

我在互联网上发现了数十个CSS黑客攻击.(例如:https://github.com/jquery/jquery-mobile/issues/4024和https://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0并在页面之间导航时闪烁) .
我尝试切换固定标题(再次,我没有使用过渡效果)..
我试过jQuery Mobile 1.3.1.(那里没有运气)
我没有尝试过的一件事是PhoneGap 2.3.0,但我没有在changelog中看到任何有趣的事情.编辑:问题在PhoneGap 2.5.0上仍然存在.

当我在Android项目中关闭硬件加速时,闪烁消失了.但是后来一些CSS样式出错了,整体性能非常糟糕(显然).

我现在也尝试了下面的代码.

ui.page {
-webkit-transform: translateZ(0);
-webkit-perspective:1000;
-webkit-backface-visibility: hidden;
}

为了坏仍然没有运气.

还尝试了这个:https://github.com/watusi/jquery.mobile.simultaneous-transitions 在转换之前,仍然是一个简短的(全白页)闪烁.

它似乎与页面本身的动画转换无关,但是在卸载旧页面之后和加载新页面之前就发生了一些奇怪的事情.

使眨眼消失的唯一方法就是移除固定头部件.然后它像黄油一样光滑,但我错过了与面板兼容的标题.

还尝试了1页模板(一个文件中的所有页面).也没有帮助.

jQuery Mobile 1.3.1 PhoneGap 2.5.0 Android 4+设备: - 谷歌三星Galaxy Nexus - 三星Galaxy Tab 10.1(有问题,但没有设备) - 三星Galaxy Note 10.1

Answer 1

将视口设置为user-scalable = no修复了我的问题:

更改

< meta name="viewport" content="width=device-width, initial-scale=1" />

至

< meta name="viewport" content="width=device-width, user-scalable=no" />