3.回调webView页面，用本地链接替换原有的图片
加载已下载好的图片，这里主要通过js来实现，即第2步中的replaceWebPImg方法，该js方法可通过提前置于html的模板中，或者webViewDidFinishLoad后采用js注入进去
replaceWebPImg = function(src, localPath) {
var imgs = document.querySelectorAll('img[osrc="'+src+'"]'),len = imgs.length;;
for (var i = 0; i < len; i++) {
var img = imgs[i];
img.src = localPath;
}
}
好再次总结一下整个流程：
对服务器返回的htmlContent数据进行相应处理，检查图片是否存在缓存，存在则使用本地地址为src，不存在则把图片的src替换成占位图。记录下图片地址，并增加属性做好标记。 图片的地址进行webp转换，通过客户端进行下载 下载后的图片，通过js方法进行src更改，并且赋值的base64的图片编码数据，因为给本地地址无法实时展示出来这篇写的比较简单，更详细的步骤请查阅上面的代码，里面我加上还算详细的注释，希望对想要在webView中使用webp图片的大家有所帮助。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对ASPKU的支持。
注：相关教程知识阅读请移步到IOS开发频道。
