jQuery Mobile在iPad上的页面转换时闪烁

Question

我有一个使用jQuery Mobile构建的Web应用程序,可以在iPad上的Safari中使用它.但是,当您将其添加到主屏幕以将其用作独立应用程序时(删除浏览器导航,则页面转换会在每次页面转换后快速"闪烁").

我已经用Google搜索了一下,发现很久以前眨眼被认为是一个错误,现在应该修复了.它似乎是在Safari中,但不是从主屏幕独立.有谁知道是什么导致了这个以及如何解决它？

是否与导航栏不存在有关？它可以在iPhone上独立运行,但它只在iPad上出现......

即使有人可以告诉我这是一个已知的错误(不是已经修复的旧错误之一,甚至在Safari模式下它都闪烁)或者如果某人对此有内在知识(没有人),我会接受作为答案正在jQuery论坛回答我的问题......).但是,如果有人真的有解决问题的方法,我当然会喜欢它!

Answer 1

我有完全相同的问题

<style>
/*** patch for jquerymobile page flicker that was happending ***/
    .ui-page {
        -webkit-backface-visibility: hidden;
    } 
</style>

我仍然在工具栏中看到闪烁,所以我将工具栏转换为:

<ul data-theme="b" data-role="listview" style="margin-top: 0;">
     <li data-role="list-divider">Your text goes here</li>...

Answer 2

我很担心评论焦点,但谷歌搜索发现以下似乎有效的CSS:

.ui-page * {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
}

我只是遇到了幻灯片转换问题(即使反向幻灯片工作正常.JQ 1.7.1 JQM 1.0.1 PhoneGap 1.5.0

Answer 3

修订：值得注意的是，随着 iOS 5.0 的发布，下面的讨论已经有所缓解。对于任何尚未升级的人来说，它可能是一个部分影响因素，但如果您运行的是 5.0，Nitro 就会一直存在。http://arstechnica.com/apple/news/2011/06/ios-5-brings-nitro-speed-to-home-screen-web-apps.ars

--原始答案-- Apple 在 Safari 浏览器中引入了 Nitro javascript 引擎。然而，他们只将其安装在浏览器上，而不是安装在 UIWebView 中（这是当您从主屏幕运行或嵌入到 PhoneGap 等应用程序中时获得的结果）。

有人猜测这种性能提升是否是故意省略的。 http://www.mobilexweb.com/blog/apple-phonegap-html5-ninto。

所以，如果看起来它实际上运行缓慢……那是因为它确实如此。它没有使用 Nitro 引擎。