Phonegap Page在更改页面中闪烁答案

【问题标题】：Phonegap Page Flickering in change pagePhonegap Page在更改页面中闪烁
【发布时间】：2014-06-24 11:56:37
【问题描述】：

我在 jqueryMobile 1.4.2 中使用location.hash="Page1"; 来更改页面，但这会导致页面闪烁。

$("#id").click(function( event ) {
    event.preventDefault();
    location.hash = "Page1";
});

【问题讨论】：

【解决方案1】：

这解决了我在文本字段获得焦点时遇到的类似问题，屏幕会瞬间闪烁。为了解决过渡问题，我使用了以下方法：

这是较旧的 android 设备和未启用硬件加速的 android 版本的问题，因此该设备未正确进行双缓冲，您会看到重绘动画的丑陋光彩。

我在应用程序配置中强制硬件加速。这可以通过 GPU 实现双缓冲并解决闪烁问题。这也应该解决可能遇到的其他一些渲染问题。

<preference name="android-hardwareAccelerated" value=" true" />

我将视口设置为允许没有任何 js 库的固定标题。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

最后但同样重要的是，我可以在我的应用中使用以下 CSS 样式

*{
-webkit-transform: translate3d(0px,0px,0px);
}

【讨论】：