实现思路:
webView
加载H5链接,设置它为tableView
的headerView
,下方评论信息用Cell
加载展示。- 在
webView
的回调方法webViewDidFinishLoad
中获取网页内容高度,设置为webView
的高度,重新将webView
赋给tableView
的headerView
。Tip:将一个
View
赋值给UITableView
的tableHeaderView
时,不需要手动设置高度,HeaderView
会自动使用View
的高度。
webview.png
像上面这样,类似的方法很多,无论是JS获取,还是contentSize获取,最后结果都难以获取到准确高度,并非方法不行,而是:
webViewDidFinishLoad
代理方法被调用时,页面并不一定完全展现完成,可能有图片还未加载出来,导致此时获取的高度是并不是最终高度,过会儿图片加载出来后,浏览器会重新排版,而我们在这之前给了一个错误高度,导致显示异常。
通过监听,在webViewDidFinishLoad之后获取到网页内容高度的变化
给webView
的scrollView
的contentSize
属性添加监听,每当内容发生变化,contentSize
一定会跟着变,捕获这个变动,在监听方法中实现webViewDidFinishLoad
中的代码,也就是获取最新的内容高度赋给webView
另外,在
cell
中使用webView
获取高度不准确的解决办法跟上面一样,只不过需要注意cell
中使用webView
涉及到cell
重用,会导致滑动列表时webView
多次加载,影响性能,建议缓存高度。
如果上述方式解决不了你的问题,请尝试另一方案:iOS 【奇巧淫技】获取webView内容高度
网友评论