wkwebview 通过scrollHeight 获取的实际高度不准确

最新推荐文章于 2023-02-15 10:17:54 发布
最新推荐文章于 2023-02-15 10:17:54 发布
阅读量8.3k 收藏 2
点赞数 1
分类专栏： Swift 文章标签： webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lvchenqiang_/article/details/78805106
版权
需求移动端使用webview加载后端返回的富文本，当在移动端点击查看全部的时候，全部显示。示例 示例代码 func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { webView.evaluateJavaScript("document.body.scrollHeight") { (valu
摘要由CSDN通过智能技术生成

需求

移动端使用webview加载后端返回的富文本，当在移动端点击查看全部的时候，全部显示。

示例

这里写图片描述
这里写图片描述

示例代码


    func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {

      webView.evaluateJavaScript("document.body.scrollHeight") { (value, error) in

     LLog(value);
     self.currentHeight 
最低0.47元/天 解锁文章
Micah_A
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
iframe自适应高度 document.body.scrollHeight取值不对
CHOUFENGDDDDDD的博客
01-07 5606
springmv 切换iframe 时发现直接修改iframe src 或者使用 location.href = "“时不起作用 之后才有form 标段提交 在control中返回新网页的地址 才完成了网页切换   之后iframe自适应高度有出现了问题 子页面中使用document.body.scrollHeight获取的高度值不对   在iframe引用的前一个页面的高度比ifra...
JS中clientHeight、scrollHeight和offsetHeight的大坑，滚动条抖动问题解决
热门推荐
郑伟斌的博客
04-09 2万+
JS中clientHeight、scrollHeight和offsetHeight的大坑，滚动条抖动问题解决1.什么是clientHeight、scrollHeight和offsetHeight1.1 clientHeight是什么1.2 offsetHeight是什么1.3 clientHeight和offsetHeight的注意点1.4 scrollHeight和它的大坑jQuery和原生js...
html5 scrollheight,scrollHeight和scrollWidth，获取网页内容高度和宽度不正确
weixin_42300121的博客
06-19 673
问题如下图所示，高度明显不正确，请问问题出在哪，希望能给出详细解释。另外，希望能再具体解释下document.documentElement.clientHeight、window.innerHeight、document.documentElement.scrollHeight及document.body.clientHeight之间的关系，发现document.body.clientHeigh...
关于 scroll-view 标签的坑
blog
02-02 834
项目场景： 在开发当中，需要设置某个盒子包含滚动条，是经常需要实现的，css 中可以通过 overflow 进行实现，然而在微信小程序当中的 scroll-view 标签就包含着这种功能。 问题一描述： 当需要横向滑动时，按照以下设置，多余的 text标签 是会换行的。 ```html {{item}} ``` 原因一分析： 因为浏览器的排版模式影响。 解决一方案： 为 scroll-view标签，设置强制不换行属性，即可。 ```css white-space: no
body{width:100%}但窗口出现滚动条&body的子元素height：100%实际高度未填满整个页面
persistence2020的博客
02-15 1383
参考文章：http://t.csdn.cn/lKQvQ。
ie7浏览器_4种方案解决CSS浏览器兼容性问题
weixin_39630637的博客
11-14 515
点击右上方红色按钮关注“web秀”，让你真正秀起来前言前端是一个苦逼的职业，不仅因为技术更新快，而且要会的东西实在太多了，更让人头疼的是，还要面临各种适配、兼容性问题。4种方案解决CSS浏览器兼容性问题为什么会有浏览器兼容性问题？还不是因为浏览器厂商太多了！Chrome，Frirefox，Safari，Edge，IE6，IE7，IE8，IE9...360安全浏览器，qq浏览器，世界之窗，TT，搜狗...
ios-计算WKWebview的实际高度.zip
07-11
标题中的“ios-计算WKWebview的实际高度.zip”提供了一个解决方案，通过观察者模式来动态计算WKWebView的高度，以避免出现高度计算不准确的问题。 WKWebView的默认行为是其高度会自适应内容，但有时由于网络延迟、...
解决vue项目获取dom元素宽高总是不准确问题
10-15
然而，在实际操作中，可能会遇到获取的宽高不准确的问题，特别是在数据动态更新后。这个问题通常源于DOM元素尚未完成渲染，导致获取的尺寸信息不正确。 在描述中提到，当重置数据后直接通过`this.$refs.editor[0]....
JS获取scrollHeight问题想到的标准问题
10-30
如果没有文档声明可以用 document.body.scrollHeight,如果有文档声明必须用 document.documentElement.scrollHeight关于这方面的东西
ios-获取WKWebView加载完成之后的高度.zip
07-11
获取WKWebView的高度，注意在控制器 销毁后，为防止内存泄漏，需要将WKUserContentController *userCC = self.wkConfig.userContentController; //JS调用OC 添加处理脚本 [userCC addScriptMessageHandler:self name:@"jsCallOC"]; 的代理置位空
js获取网页高度(详细整理)
10-27
通过上述JavaScript对象和属性，开发者可以准确地获取到网页和屏幕的各种高度信息，从而实现更精细的页面控制和用户体验优化。在实际编程时，建议结合条件判断或库函数来处理浏览器之间的差异，以确保代码的健壮性和...
iOS WKWebView和UIWebView高度自适应
04-22
对于高度自适应，我们可以监听`UIWebView`的`webViewDidFinishLoad:`代理方法，在此方法中通过调用`stringByEvaluatingJavaScriptFromString:`执行JavaScript代码来获取网页的实际内容高度，然后设置`webView`的`...
webview document.body.scrollHeight 获取的高度不准确
XiaoZhuang__的博客
05-28 1004
解决方案 1、给富文本加上meta标签 适配移动端 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> 2、我们对img进行处理 <style type="text/css"> img{ display: inline-block; max-width: 100%; } </style&gt
iOS开发漫话WKWebView之动态获取网页高度
yimiyangguang的专栏
03-10 1469
iOS开发漫画WKWebView之动态获取网页高度 最近在项目开发中遇到一个需求，一篇文章顶部的分析师信息以及底部的评论和回复以及文本框信息采用原生展示，中间的主体内容采用Vue框架做的H5展示。这里里面唯一的遇到的问题就是动态计算H5网页的高度，使得页面整体如一，不会有手势冲突。整体效果如下图： 经过搜索资料整理，基本有两种思路，一是通过在didFinish里面注入Js脚本获取页面的scrollHeight，二是通过iOS的KVO模式监听contentSize的值(也有注入Js来监...
textarea实现高度自适应的理解
qiyuancoder的博客
11-06 870
今天遇到个需求：要求 textarea 初始只显示一行，当用户输入内容过多引起换行，或者手动敲回车键换行时，textarea 内容区域自动撑开。 这个简单，于是我敲下大致如下代码： // html <textarea id="codePath" rows="1"></textarea> // js let codePath = document.getElementById('codePath'); codePath.addEventListener('input', funct
js -- 获取浏览器高度以及clientHeight、scrollHeight、offsetHeight区别
bobobocai的博客
11-22 8913
//浏览器卷去部分高度 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //浏览器窗口高度，已做兼容 var winHeight; if (window.innerHeight) { winHeight = window.innerHeig
WKWebView高度获取不准确，解决办法
weixin_39851592的博客
11-01 4568
WKWebView高度获取不准确，解决办法 一般APP含有详情页，目前主流做法，上面放个WKWebView(iOS8之后)，下面原声拼接(评论或展示的Cell). 很多人遇到WKWebView高度获取不准确，例如问题：下面一片空白，高度一直在增加，上拉刷不动，各种问题。 获取高度一般用kvo或者js,我是使用kvo监听. 获取不到高度，换下URL，百度什么的试试,先排除下。 我的做法，代码是没问题...
Swift 之 Alamofire 网络请求、取消请求
Super灬LV
08-19 1万+
前言 Alamofire是一个使用Swift开发的网络请求库，其开发团队是AFNetworking的原团队。它语法简洁,采用链式编程的思想，使用起来是相当的舒服。本质是基于NSURLSession进行封装。接下开我们就进入实战，开始学习Alamofire的使用。本篇主要简介Alamofire的基础使用，如果您对Alamofire的封装库Moya也感兴趣可移步Moya+ RxSwift+Handy
vue scrollheight 不准确
最新发布
09-09
vue的scrollHeight属性是用来获取元素内容的总高度的。然而，有时候我们会发现scrollHeight的值并不准确。 造成scrollHeight不准确的原因可能有以下几种： 1. 渲染延迟：在vue中，当组件渲染完成后，浏览器需要一定的时间去计算元素的高度。如果我们在渲染完成后立即获取scrollHeight的值，可能会得到一个不准确的结果。可以通过监听组件的mounted生命周期来获取准确的scrollHeight。 2. 内容更新：当内容更新时，尤其是动态加载的内容，scrollHeight的值并不会立即更新。这是因为浏览器在更新内容后并不会立即重新计算元素的高度，而是在下一次的渲染帧中才会生效。我们可以使用Vue的$nextTick方法来在下一次DOM更新后获取准确的scrollHeight。 3. 边框和内边距：scrollHeight是包括元素的边框和内边距的高度。如果我们设置了元素的边框或内边距，但没有考虑到这些因素，可能会导致scrollHeight的值不准确。 4. 浮动元素：如果元素中包含浮动元素，浏览器可能无法正确计算scrollHeight，因为浮动元素可能在页面布局上产生变化。 因此，要确保获取准确的scrollHeight值，可以通过监听组件的mounted生命周期，并在$nextTick中获取scrollHeight。同时，需要考虑到边框和内边距的影响，并排除浮动元素可能导致的影响。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值