最新消息:iOS编程开发交流群(6906921) ,Mac.Cocoa开发交流群(7758675) 欢迎iOS/macOS开发编程爱好及学习者加入!

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

iOS 天狐 26780浏览 2评论

有的时候会碰见类似的苦逼需求, 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种方法

微信 OR 支付宝 扫描二维码
为天狐 打赏
非常感谢你的支持,哥会继续努力!
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论 (2)

  1. “有些时候以上四种方法获取的高度都不是内容的高度,这是因为有很多web页面中有大量的css,js,使webViewDidFinishLoad不能完全监听到webview加载完成,也会使html标签的高度改变。” 这种情况怎么解决呢?
    彦鹏9年前 (2017-03-13)回复
    • https://github.com/shaojiankui/UIWebView-JKLoadInfo 这有一个监听webview加载进度的类,你可以试试看。
      天狐9年前 (2017-03-13)回复