iOS -- WKWebView + KVO 方式获取Web的高度(非js)

随着项目中的web页加载越来越多。UIWebView使用的频率也越来越多,之前也没有过多的研究。总结一下:
UIWebView 是从iOS2开始的,WKWebView是从iOS8才有,WKWebView的出现使得UIWebView慢慢被取代,原因是: UIWebView占用过多内存,而且峰值很高,WKWebView相对于UIWebView所占的内存少了很多。而且也加了一些特性:

        1.更多的支持HTML5的特性
        2.官方宣称的高达60fps的滚动刷新率以及内置手势
        3.Safari相同的JavaScript引擎
        4.将UIWebViewDelegate与UIWebView拆分成了14类与3个协议(官方文档说明)
        5.另外用的比较多的,增加加载进度属性:estimatedProgress

本篇文章,只说怎么用WKWebView获取web的真实高度。国际惯例,代码先行。

1.创建WKWebView + 头文件
这里写图片描述

这里写图片描述
如果不用kVO监听高度,则返回的高度不真实。(测试可知)

2.WKWebView代理
这里写图片描述

3.KVO方法
这里写图片描述

4.移除监听
这里写图片描述

注:1.在监听方法中,有几个参数,keyPath是你监听的属性,如果你监听的属性多了,就要通过这个参数进行区分。
   2.在监听方法中,可以直接通过[_myWebView.scrollView contentSize].height去获取精确高度。我写的demo中,是想试一下从change参数中取高度。但是没有第一种方便。原因我会在下一篇博客里说明。涉及到NSConcreteValue类型的转换。不过也成功了。
   3.KVO的监听一定要移除,否则项目会崩溃。

之后想在web下面加原生代码,就正常发挥即可。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WKWebView中,你可以通过设置WKWebView的UIScrollView来实现缩放以及控制高度变化的效果。具体方法如下: 1. 在WKWebView的UIScrollView的代理方法中,实现缩放效果: ``` - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView { return nil; } - (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale { CGFloat height = self.webView.scrollView.contentSize.height; // Do something with the height value } ``` 在这里,我们禁止了缩放,以便控制缩放效果。在缩放结束后,我们可以通过scrollView的contentSize属性获取到缩放后的高度。 2. 在WKWebView加载完成后,手动计算一次高度: ``` [self.webView evaluateJavaScript:@"document.body.offsetHeight;" completionHandler:^(id _Nullable result, NSError * _Nullable error) { CGFloat height = [result floatValue]; // Do something with the height value }]; ``` 这里的JavaScript代码会计算出HTML文档中body元素的高度,我们可以将其作为WKWebView高度。这个方法需要在WKWebView加载完成后调用,以确保计算出的高度是正确的。 3. 在WKWebView加载完成后,监听WKWebView的contentSize属性变化: ``` [self.webView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil]; ``` 这里我们通过KVO监听WKWebView的contentSize属性变化,一旦发生变化,就会回调以下方法: ``` - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context { if ([keyPath isEqualToString:@"contentSize"]) { CGFloat height = self.webView.scrollView.contentSize.height; // Do something with the height value } } ``` 这个方法会计算出contentSize变化后的高度,我们可以将其作为WKWebView高度。记得在dealloc方法中移除KVO观察者。 通过上述方法,我们可以在WKWebView中实现缩放以及控制高度变化的效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值