iOS【终极方案】精准获取webView内容高度,自适应高度
来源:互联网 发布:易语言源码与模块解析 编辑:程序博客网 时间:2024/04/29 05:14
关于WebView内容高度的获取,相信很多人都踩过坑,无法获取到准确高度,导致页面布局出现差错,搜到的资料很多但都无法解决问题,以下是个人经验总结:
项目需求实现H5文章&原生评论效果,文章是加载H5链接,评论信息是后台接口提供,以列表形式展示。
实现思路:
1. webView加载H5链接,设置它为tableView的 headerView,下方评论信息用Cell加载展示。
2. 在webView的回调方法webViewDidFinishLoad中获取网页内容高度,设置为webView的高度,重新将webView赋给tableView的headerView。
Tip: 将一个View赋值给UITableView的tableHeaderView时,不需要手动设置高度,HeaderView会自动使用View的高度。
像上面这样,类似的方法很多,无论是JS获取,还是contentSize获取,最后结果都难以获取到准确高度,并非方法不行,而是:
webViewDidFinishLoad代理方法被调用时,页面并不一定完全展现完成,可能有图片还未加载出来,导致此时获取的高度是偏小的,过会儿图片加载出来后,浏览器会重新排版网页被撑大,而我们之前给的高度不够内容的展示,导致显示异常。
问题原因已确定,解决思考:
如何能在webViewDidFinishLoad之后获取到网页内容高度的变化?
答案:监听!
具体实现过程:
给webView的scrollView的contentSize属性添加监听,每当内容发生变化,contentSize一定会跟着变,捕获这个变动,在监听方法中实现webViewDidFinishLoad中的代码,也就是获取最新的内容高度赋给webView:
另外,在cell中使用webView获取高度不准确的解决办法跟上面一样,只不过需要注意cell中使用webView涉及到cell重用,会导致滑动列表时webView多次加载,影响性能,建议缓存高度。
以上是个人经验之谈,如有雷同属巧合,如有错误望指正~ by:臭码农
- iOS【终极方案】精准获取webView内容高度,自适应高度
- iOS【终极方案】精准获取webView内容高度,自适应高度
- iOS【终极方案】精准获取webView内容高度,自适应高度
- iOS【终极方案】精准获取webView内容高度,自适应高度
- iOS开发 精准获取webView内容高度
- 获取webView内容高度,自适应高度
- iOS WebView自适应内容高度
- 完美方案——iOS的WebView自适应内容高度
- 完美方案——iOS的WebView自适应内容高度
- 完美方案——iOS的WebView自适应内容高度
- iOS的WebView自适应内容高度
- iOS的WebView自适应内容高度
- iOS的WebView自适应内容高度(真实高度)
- 完美方案——iOS的WebView自适应内容高度--推酷
- webview 获取内容高度?
- webView 获取内容高度
- iOS获取webView的内容高度
- WebView自适应实际内容高度
- 主键、外键和索引的区别
- 《剑指offer》—6、旋转数组的最小数字
- 入职一周
- Controller页面乱码的问题(修改tomcat默认的编码方式 )
- Class.newInstance()学习
- iOS【终极方案】精准获取webView内容高度,自适应高度
- html/js/css学习之路
- 找位置(简单模拟)
- Valid Perfect Square
- js删除数组中某个特定的对象
- webpack+Vue.js+vue-router的一个简单实例应用
- MxCAD5.2 2017.2.23更新
- webview使用
- 1096. Consecutive Factors (20)