Question

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

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

UIWebView在图像中渲染的数量超过X MB有困难吗？

有什么线索？

Answer 1

可能更容易在css表中应用它，因此它会影响所有div和图像。当我遇到离屏渲染问题时，我发现它对我来说很有意义

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

编辑：

对于图像，更改＆＃34; src＆＃34;到＆＃34; data-src＆＃34;然后将此脚本添加到页脚，假设您正在运行jquery：

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

这样可以在原始正文代码加载后加载图像，这将花费不到一秒的时间，并且应该可以防止白色闪光问题。

Answer 2

不知道为什么会这样，但将页面高度限制为460px（iPhone应用程序）消除了闪光灯。也许与JQM发生冲突并设置高度？

加载网页时，图像太多会导致UIWebView闪烁白色

2 个答案: