1

我们通过基本上将网站包装在 UIWebView 中来构建 iPhone 应用程序。我们没有使用 PhoneGap,只是一个 UIWebView 来加载使用 jQuery 和 jQuery Mobile 构建的移动应用程序。

如果我们一次显示两个以上的图像,网页会闪烁白色一秒钟。如果我们将加载的图片数量限制为两个,则没有flash,页面加载正常。

UIWebView 在图像中渲染超过 X MB 时是否有问题?

任何线索为什么?

4

2 回答 2

0

在 css 表中应用它可能更容易,因此它会影响您的所有 div 和图像。当我遇到离屏渲染问题时,我发现它对我很有帮助

 div, img {
    -webkit-transform:translateZ(0);    
 }

编辑:

对于图像,将“src”更改为“data-src”,然后将此脚本添加到页脚,假设您正在运行 jquery:

$(document).ready(function() {
    $('img').each(function(){
        var $imgSrc = $(this).attr("data-src");
        $(this).attr("src", $imgSrc);
    });
});

这将使图像在原始正文代码加载后加载,这将花费不到一秒钟的时间,并且有望防止白色闪光问题。

于 2012-07-24T22:54:07.497 回答
0

不知道为什么会这样,但是将页面高度限制在 460 像素(iPhone 应用程序)消除了闪光灯。也许与 JQM 和高度设置有些冲突?

于 2012-07-26T07:50:27.617 回答