ios wkweb设置图片_ios·WKWebView\UIWebView加载HTMLString,实现图片懒加载

背景：

项目中开发商品类型数据，数据可变性较大，所以商品详情数据存在文案和图片富文本显示，后台返回了html格式的数据供前端展示。

如果用webView直接显示的话，需要等html内容完全展示才能获取webView需要展示的高度。但是我们需要做到的是，先展示文字和在有图片的地方展示占位图，等待图片加载完成再显示出图片。

场景：将WKWebView放在TableView的cell中进行展示，就需要计算内容的展示高度以刷新cell的高度。

实现思路：拿到后台返回的html字符串 - 加入jquery.js - 将拿到的html嵌入到自己创建的html内容 - loadWebViewWithHtmlString

上代码：

从服务端拿到的html如下：

• 品牌: 鼠绘动漫

• 型号: 碗

• 适用年龄: 14周岁以上

• 周边产品: 碗碟

• 出售状态: 现货

• 动漫地区: 日本

• 大小: 现货 微瑕

• ACG作品名: 海贼王/onepiece

• ACG角色名: 路

如果直接显示上面的html加载图片过程需要等待很长时间，才能加载出页面内容。

开始懒加载处理：

1、将上方下载的懒加载包，导入工程中：

image.png

2、在加载HTMLString前，先组装html数据，让html具有懒加载功能：

///实现html图片懒加载