强制 UIwebview 上的所有图像<img> 以渐进模式显示答案

【问题标题】：Force All Image<img> on UIwebview Display In Progressive Mode强制 UIwebview 上的所有图像<img> 以渐进模式显示
【发布时间】：2012-03-10 03:48:46
【问题描述】：

有没有办法做到这一点？我正在尝试在 UIwebview 中加载一些本地文件，如果内容包括图像，loadHTMLString 需要更长的时间才能完成页面加载，因为必须等待图像文件的下载。

我认为如果图像可以以渐进模式加载，UIwebview 可以在一开始就显示 html 文本，以防止用户等待整个页面加载的时间过长。

附：图片来自互联网，但html字符串在本地文件中

【问题讨论】：

【解决方案1】：

您需要做的就是以渐进式 JPEG 格式加载图像。要使用ImageMagick 转换它们，您可以输入：

convert somefile.xxx -interlace JPEG somefile_progressive.jpg

例如。

另一种可能的解决方案是在页面完全加载后使用 JavaScript 加载图像。

即在 html 中将 src 留空，稍后通过 JavaScript 设置。

【讨论】：

我不认为使用 JPEG 是一种选择，因为它甚至需要太长时间。
@Mavrick3：或者使用以下之一：link。或 JavaScript 替代方案。或两者。我不知道你想显示什么图像，JPEG 用于照片和 GIF 用于按钮等似乎最好。

【解决方案2】：

我真的会使用 Javascript。您将显示一个空白页面或仅包含部分内容的页面，并且在您的文档准备好之后（可能使用 jQuery？）您加载其他内容。

document.getElementById('content1').innerHTML = "<img src="./images/something.png" alt="" />"

【讨论】：

我只会使用 JS 来加载图像，更多没有意义。为什么选择 jQuery？他想让它更高效，那么为什么只添加 jQuery 来加载图像呢？毫无意义。也不要更改 div 等的 innerHTML。 'document.img01.src="somefile.xxx"' 在你的 js 和 '' 在你的 HTML。我想这应该比向 DOM 添加新元素要快。
@SideSwipe 这只是一个想法。