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

本文介绍了四种使UIWebView自适应其内容实际高度的方法:通过scrollView的contentsize、执行JS获取DOM高度、利用sizeThatFits及遍历子视图获取UIWebDocumentView的高度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

转自:http://blog.sina.com.cn/s/blog_a5243c7f0102vry2.html

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

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

1
2
3
4
5
6
-(void)webViewDidFinishLoad:(UIWebView*)webView{
    CGFloatwebViewHeight=[webView.scrollViewcontentSize].height;
    CGRectnewFrame = webView.frame;
    newFrame.size.height= webViewHeight;
    webView.frame= newFrame;
}

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

1
2
3
4
5
6
7
-(void)webViewDidFinishLoad:(UIWebView*)webView{
    CGFloatwebViewHeight=[[webViewstringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"]floatValue];
// CGFloat webViewHeight= [[webViewstringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"]floatValue];
    CGRectnewFrame = webView.frame;
    newFrame.size.height= webViewHeight;
    webView.frame= newFrame;
}

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

1
2
3
4
5
6
-(void)webViewDidFinishLoad:(UIWebView*)webView{
    CGSizeactualSize = [webViewsizeThatFits:CGSizeZero];
    CGRectnewFrame = webView.frame;
    newFrame.size.height= actualSize.height;
    webView.frame= newFrame;
}

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

Objective-C
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
-(void)webViewDidFinishLoad:(UIWebView*)webView{
    CGFloat webViewHeight = 0.0f;
    if ([webView.subviewscount]> 0)
    {
       UIView *scrollerView = webView.subviews[0];
       if ([scrollerView.subviewscount]> 0)
       {
           UIView *webDocView = scrollerView.subviews.lastObject;
           if ([webDocViewisKindOfClass:[NSClassFromString(@"UIWebDocumentView")class]])
           {
               webViewHeight = webDocView.frame.size.height;//获取文档的高度
               webView.frame=webDocView.frame;//更新UIWebView 的高度
           }
       }
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值