iOS 获得UIWebView的content高度,添加评论功能

UIWebView内容高度的获取,项目实现H5文章&原生评论效果,文章是加载H5链接,评论信息是后台接口提供,以列表形式展示。 实现思路:

1. webView加载H5链接,设置它为tableView的 headerView,下方评论信息用Cell加载展示。

2. 在webView的回调方法webViewDidFinishLoad中获取网页内容高度,设置为webView的高度,重新将webView赋给tableView的headerView。
方案一
Tip: 将一个View赋值给UITableView的tableHeaderView时,不需要手动设置高度,HeaderView会自动使用View的高度。

像上面这样,类似的方法很多,无论是JS获取,还是contentSize获取,最后结果都难以获取到准确高度,并非方法不行,而是:
webViewDidFinishLoad代理方法被调用时,页面并不一定完全展现完成,可能有图片还未加载出来,导致此时获取的高度是并不是最终高度,过会儿图片加载出来后,浏览器会重新排版,而我们在这之前给了一个错误高度,导致显示异常。

问题原因已确定,解决思考:
如何能在webViewDidFinishLoad之后获取到网页内容高度的变化?
答案:监听! 具体实现过程:
给webView的scrollView的contentSize属性添加监听,每当内容发生变化,contentSize一定会跟着变,捕获这个变动,在监听方法中实现webViewDidFinishLoad中的代码,也就是获取最新的内容高度赋给webView: 
完美方案
完美方案
另外,在cell中使用webView获取高度不准确的解决办法跟上面一样,只不过需要注意cell中使用webView涉及到cell重用,会导致滑动列表时webView多次加载,影响性能,建议缓存高度。

类似这样的

IMG_6276.PNG
IMG_6277.JPG
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,976评论 25 709
  • 4月20日亲启此书,5月2日整理,两周过去,着实没有吸收此书的精华,说明一是懒,二是笨,三就是在懒、笨的前提下还心...
    海豚的世界阅读 8,262评论 0 4
  • 我常想,该以怎样的心情去读安妮宝贝大部分的书?那清冷的笔调,灰暗的色彩,那些孤独却真性情的游走于城市边缘的男子...
    Florence0818阅读 1,495评论 0 0
  • 这是那种莹莹的润白,又透着淡淡的青绿的萝卜,有着顶端微微干瘪的叶,散发着好闻的香气呐。 然后切成小块,撒盐,去水...
    就想好好的阅读 2,481评论 0 0