我们通过基本上将网站包装在 UIWebView 中来构建 iPhone 应用程序。我们没有使用 PhoneGap,只是一个 UIWebView 来加载使用 jQuery 和 jQuery Mobile 构建的移动应用程序。
如果我们一次显示两个以上的图像,网页会闪烁白色一秒钟。如果我们将加载的图片数量限制为两个,则没有flash,页面加载正常。
UIWebView 在图像中渲染超过 X MB 时是否有问题?
任何线索为什么?
我们通过基本上将网站包装在 UIWebView 中来构建 iPhone 应用程序。我们没有使用 PhoneGap,只是一个 UIWebView 来加载使用 jQuery 和 jQuery Mobile 构建的移动应用程序。
如果我们一次显示两个以上的图像,网页会闪烁白色一秒钟。如果我们将加载的图片数量限制为两个,则没有flash,页面加载正常。
UIWebView 在图像中渲染超过 X MB 时是否有问题?
任何线索为什么?
在 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);
});
});
这将使图像在原始正文代码加载后加载,这将花费不到一秒钟的时间,并且有望防止白色闪光问题。
不知道为什么会这样,但是将页面高度限制在 460 像素(iPhone 应用程序)消除了闪光灯。也许与 JQM 和高度设置有些冲突?