ios webview自适应实际内容高度5种方法

有的时候会碰见类似的苦逼需求， webview自适应实际内容高度 下面有四种方法供使用

方法1 获取webview中scrovllview的contentsize进行设置

-(void)webViewDidFinishLoad:(UIWebView *)webView{
    CGFloat webViewHeight=[webView.scrollView contentSize].height;
    CGRect newFrame = webView.frame;
    newFrame.size.height = webViewHeight;
    webView.frame = newFrame;
}

方法2 执行js语句 直接获取html文档的dom高度

-(void)webViewDidFinishLoad:(UIWebView *)webView{
    CGFloat webViewHeight= [[webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]floatValue];
// CGFloat webViewHeight= [[webView stringByEvaluatingJavaScriptFromString: @"document.body.scrollHeight"]floatValue];
    CGRect newFrame = webView.frame;
    newFrame.size.height = webViewHeight;
    webView.frame = newFrame;
}

方法3. 先将UIWebView的高度设为最小，然后再使用sizeThatFits就会返回刚好合适的大小

-(void)webViewDidFinishLoad:(UIWebView *)webView{
    CGSize actualSize = [webView sizeThatFits:CGSizeZero]; 
    CGRect newFrame = webView.frame;
    newFrame.size.height = actualSize.height;
    webView.frame = newFrame;
}

方法4.遍历webview子视图 获取UIWebDocumentView高度即实际高度

-(void)webViewDidFinishLoad:(UIWebView *)webView{
    CGFloat webViewHeight = 0.0f;
    if ([webView.subviews count] > 0)
    {
        UIView *scrollerView = webView.subviews[0];
        if ([scrollerView.subviews count] > 0)
        {
            UIView *webDocView = scrollerView.subviews.lastObject;
            if ([webDocView isKindOfClass:[NSClassFromString(@"UIWebDocumentView") class]])
            {
                webViewHeight = webDocView.frame.size.height;//获取文档的高度
                webView.frame= webDocView.frame; //更新UIWebView 的高度
            }
        }
    } 
}

方法5.KVO,监听webView的scrollView的contentSize

比前四种更精确一步

 [webview.scrollView addObserver:self forKeyPath:@"contentsize" options:NSKeyValueObservingOptionNew context:nil];

-(void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context{
    if ([keyPath isEqualToString:@"contentSize"]) {
         CGSize actualSize = [webView sizeThatFits:CGSizeZero]; 
    }
}

个人喜欢使用前两种方法

有些时候以上5种方法获取的高度都不是内容的高度，这是因为有很多web页面中有大量的css，js（js有时还会不同时机改变的html dom），使webViewDidFinishLoad不能完全监听到webview加载完成，也会使html标签的高度改变。

[self.webView setJk_webViewLoadChangeBlock:^(UIWebView *webView, float progress,CGSize contentSize) {
    ///complete的是时候contentSize是最后的准确size
    if(webView.jk_readyState == JKReadyState_complete){
        NSLog(@"load done");
        NSLog(@"full contentSize:%@",NSStringFromCGSize(contentSize));
    }
    NSLog(@"jk progresss:%lf",progress);
    NSLog(@"jk contentSize:%@",NSStringFromCGSize(contentSize));
}];

https://github.com/shaojiankui/UIWebView-JKLoadInfo 这有一个监听webview加载进度的类，可以试试看。

转载请注明：天狐博客 » ios webview自适应实际内容高度5种方法