Javascript Android上的JQM和PhoneGap闪烁/闪烁

我在Android平台（版本2.3.3及以上）上使用PhoneGap 2.2.0和jQuery Mobile 1.2.0。 在页面上，我使用固定的标题，并且根本没有转换。Rest几乎是标准的jQuery

当我从一页导航到另一页时，我会有一个短暂的白色眨眼（整个页面）。我在网上搜索了几个小时

尝试以下内容失败：

• 我在网上发现了几十个CSS黑客。（如：和）
• 我尝试切换固定的标题（同样，我没有使用过渡效果）
• 我试过jquerymobile1.3.1。（那里运气不好）
• 有一件事我没有试过，那就是PhoneGap2.3.0，但我在变更日志中没有看到任何有趣的东西。编辑：PhoneGap 2.5.0上的问题仍然存在

当我在Android项目中关闭硬件加速时，闪烁消失了。但随后一些CSS样式出现错误，总体性能非常糟糕（显然）

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

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

到现在还没有好运气

我也试过这个： 在过渡前仍有短暂的（全白页）闪烁

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

更新25-04-2013： 还尝试：

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

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

jQuery Mobile 1.3.1 PhoneGap 2.5.0 安卓4+ 设备： -谷歌三星Galaxy Nexus -三星Galaxy Tab 10.1（有问题，但不再有设备） -三星Galaxy Note 10.1

我现在已经在Github上提交了一个问题：

您的帖子中的内容是我在不久前遇到这个问题时如何解决的。我还添加了-webkit透视图：1000；闪烁是因为3D加速，被转换页面的背面在几分之一秒内变得可见，使其看起来像闪烁

---

编辑：查看更多信息。

确保此代码存在于您的

mobileinit

方法中：

//initialize jQM
$(document).on("mobileinit", function () {
  //hack to fix android page transition flicking issue
  if (navigator.userAgent.indexOf("Android") != -1){
      $.extend(  $.mobile , {
          defaultPageTransition: 'none'
      });   
    }
});

另外：在

jquerymobile.js

// Make our transition handler the public default.
$.mobile.defaultTransitionHandler = simultaneousHandler;

//transition handler dictionary for 3rd party transitions
$.mobile.transitionHandlers = {
    "default": $.mobile.defaultTransitionHandler,
    "sequential": sequentialHandler,
    "simultaneous": simultaneousHandler
};

---

另外，请告诉我您使用的是哪个android设备版本？

将viewport设置为user scalable=否为我解决了以下问题：

改变

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

到

将viewport设置为用户可伸缩=否为我解决了这个问题：

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

为…工作 jQuery Mobile 1.3.1 科尔多瓦2.8.0

---

在Nexus 4/Android 4.2.2上，我尝试了几十种解决方案，但没有一种有效。对我来说，解决此闪烁的最佳方法是将de autohidesplashscreen属性设置为false，在上一页中显示splashscreen，并将其隐藏在deviceready的目标页中。在一些过渡中，我们将过渡睡眠约0.5-1秒，以避免屏幕闪烁。不是最好的解决方案，但对我们有效。

谢谢您的回答。我尝试了你的建议，但糟糕的是，应用程序中仍然有一个小小的眨眼：）。嗨，我测试过了。默认情况下，我已经将defaultPageTransition设置为“无”。我还编辑了jquerymobile文件的建议。我没有工作。我注意到，对于1.3.1，您的第三个建议已经是这样了。你的第二个建议确实不同，所以我试过了。在页面导航之间仍然有很小的闪烁。设备：Galaxy Nexus，运行Android 4.2.2:）。修复了我的闪烁！谢谢我将在jQuery Mobile Github编辑此问题。你救了我的命！阿洛提斯！我从HTML5样板和设置“初始比例=1”的视口开始

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