- 在开发app的过程中难免会遇到将
webView
加载到tableView
的cell上的需求,一般遇到这种问题,通常想到的思路就是在webView
的回调方法webViewDidFinishLoad
中获取到webView
的高度,刷新tableView
,将高度赋值给tableView
的回调方法heightForRow
。看似没有任何问题,但是在实际操作的时候却发现得到的高度并不是webView
的实际高度,显然这种方法是行不通的。其实并不是方法不行,而是webViewDidFinishLoad
代理方法被调用时,页面并不一定完全展现完成,可能有图片还未加载出来,导致此时获取的高度是并不是最终高度,过会儿图片加载出来后,浏览器会重新排版,而我们在这之前给了一个错误高度,导致显示异常。既然这种方法行不通,那么到底如何才能准确计算webView
的高度呢?答案是监听,具体的实现过程如下:
- 给
webView的scrollView
的contentSize
属性添加监听,每当内容发生变化,contentSize
一定会跟着变,捕获这个变动,在监听方法中实现webViewDidFinishLoad
中的代码,也就是获取最新的内容高度赋给webView
:
//添加监听
[_WebView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew | NSKeyValueObservingOptionOld context:@"WejinWuLiuViewController"];
//监听回调
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context{
if ([keyPath isEqualToString:@"contentSize"]) {
_webViewHeight = [_WebView.scrollView contentSize].height;
CGRect newFrame = _WebView.frame;
newFrame.size.height = _webViewHeight;
_WebView.frame = newFrame;
}
}