iOS中UIWebView内容高度自适应

使用KVC监听UIWebView中子视图scrollView的contentSize变化,来改变UIWebView的高度。

[self.webView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew|NSKeyValueObservingOptionOld context:nil];

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context {
    if ([object isEqual:self.webView.scrollView]) {
        if ([keyPath isEqualToString:@"contentSize"]) {
            CGSize oldSize = [change[@"old"] CGSizeValue];
            CGSize calcSize = [change[@"new"] CGSizeValue];
            if (oldSize.height == calcSize.height) {
                return;
            }
            NSLog(@"observeValueForKeyPath:%f, %f", calcSize.width, calcSize.height);
            self.webHeight = MAX(calcSize.height, 40);
            [self.webView mas_updateConstraints:^(MASConstraintMaker *make) {
                MAS_HEIGHT(self.webHeight);
            }];
        }
    }
}

 

  • 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、付费专栏及课程。

余额充值