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

Question

我将 PhoneGap 2.2.0 与 jQuery Mobile 1.2.0 结合用于我在 Android 平台(版本 2.3.3 及更高版本)上的应用程序。在我使用固定标题的页面上，根本没有转换。 Rest 几乎是标准的 jQuery。

当我从一个页面导航到另一个页面时，我会出现短暂的白色闪烁(整个页面)。我在互联网上搜索了几个小时。

以下尝试失败:

• 我在互联网上发现了数十个 CSS hacks。 (例如:https://github.com/jquery/jquery-mobile/issues/4024 和 https://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0 和 Flickering when navigating between pages)。
• 我尝试切换固定标题(同样，我没有使用过渡效果)。
• 我试过 jQuery Mobile 1.3.1。 (运气不好)
• 我没有尝试过的一件事是 PhoneGap 2.3.0，但我在变更日志中没有看到任何有趣的东西。编辑:问题在 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在转换之前仍然有一个短暂的(完整的白页)闪烁。

看起来它确实与页面本身的动画转换无关，而是在卸载旧页面之后和加载新页面之前发生的一些奇怪的事情。

2013 年 4 月 25 日更新:还尝试过: https://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0 https://github.com/jquery/jquery-mobile/issues/4024 https://github.com/jquery/jquery-mobile/pull/4129

唯一能让闪烁消失的是删除固定标题部分。然后它像黄油一样光滑，但我错过了与面板兼容的接头。

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

jQuery 移动版 1.3.1PhoneGap 2.5.0安卓 4+设备:- 谷歌三星 Galaxy Nexus- Samsung Galaxy Tab 10.1(有问题，但不再有设备)- 三星 Galaxy Note 10.1

我现在已经在 Github 上提交了一个问题:https://github.com/jquery/jquery-mobile/issues/6031

Answer 1

将视口(viewport)设置为 user-scalable=no 解决了我的问题:

改变

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

到

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