UIWebView如何获取内容高度

iOS UIWebView如何获取到内容的高度呢?我们经常会遇到项目中需要使用UIWebView来加载H5页面,但是页面的高度并不确定,而我们前端需要根据内容的高度呈现出来,且不允许webview滚动。

常见的场景可能是在cell中嵌套了UIWebview,因此需要保证取得到正确的web内容的高度才能计算出cell的准确的高度;还有可能是在tableview的header需要呈现webview加载的内容,下面才是问题列表等,这些都需要知道准确的内容高度。


解决办法

通过JS来获取高度:document.body.offsetHeight;

但是问题又来了,第一次获取到的高度可能不是正确的,比如有图片的时候,内容先加载出来了,取得的高度就不正确了。

因此,通常会调用几次,并限制次数,如果高度出现不等,说明又变化了,则需要重新构建或者更新UI!

实现代码

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取HTML的高度可以使用JavaScript代码来实现。具体步骤如下: 1. 在iOS项目中创建一个UIWebView对象,并将HTML代码加载到该对象中。 2. 在UIWebView对象的代理方法中,使用JavaScript代码获取HTML的高度。 下面是四种方法,可以根据具体情况选择使用哪种方法: 方法一:使用JavaScript代码获取HTML实际内容高度 ``` NSString *jsString = @"document.documentElement.scrollHeight"; CGFloat height = [[webView stringByEvaluatingJavaScriptFromString:jsString] floatValue]; ``` 方法二:使用JavaScript代码获取HTML实际内容高度,并将高度传递给iOS端 ``` NSString *jsString = @"window.webkit.messageHandlers.getHeight.postMessage(document.documentElement.scrollHeight)"; [webView evaluateJavaScript:jsString completionHandler:nil]; ``` 在iOS端,需要实现WKScriptMessageHandler协议的代理方法,从而接收传递过来的高度值。 方法三:使用JavaScript代码获取HTML实际内容高度,并将高度赋值给HTML的body元素的高度属性 ``` NSString *jsString = @"document.body.style.height = document.documentElement.scrollHeight + 'px'"; [webView evaluateJavaScript:jsString completionHandler:nil]; CGFloat height = webView.scrollView.contentSize.height; ``` 方法四:使用JavaScript代码获取HTML实际内容高度,并将高度赋值给HTML的body元素的高度属性,同时将高度传递给iOS端 ``` NSString *jsString = @"document.body.style.height = document.documentElement.scrollHeight + 'px';"; jsString = [jsString stringByAppendingString:@"window.webkit.messageHandlers.getHeight.postMessage(document.documentElement.scrollHeight)"]; [webView evaluateJavaScript:jsString completionHandler:nil]; ``` 在iOS端,同样需要实现WKScriptMessageHandler协议的代理方法,从而接收传递过来的高度值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值