WKWebView高度获取不准确，解决办法

最新推荐文章于 2022-01-10 10:10:33 发布
最新推荐文章于 2022-01-10 10:10:33 发布
阅读量4.6k 收藏 2
点赞数
文章标签： wkwebview ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39851592/article/details/83622716
版权

WKWebView高度获取不准确，解决办法

一般APP含有详情页，目前主流做法，上面放个WKWebView(iOS8之后)，下面原声拼接(评论或展示的Cell).

很多人遇到WKWebView高度获取不准确，例如问题：下面一片空白，高度一直在增加，上拉刷不动，各种问题。

获取高度一般用kvo或者js,我是使用kvo监听.

获取不到高度，换下URL，百度什么的试试,先排除下。

我的做法，代码是没问题的，试了几个URL，也正常加载出来,只有公司的有问题，和H5讨论下，果然问题描述完，他告诉我，高度塌陷。

H5这边只改了几句代码，我再测试，完美加载。~~~~

贴下H5改的代码

此图的高度是正确的

页面查看的高度，不能是你看见屏幕的高度，而是内容的全部高度

在这里插入图片描述
heighe不要设置成100%，基本的H5按照这样写，iOS 或者安卓拿到高度问题都不大
heighe不要设置成100%，基本的H5按照这样写，iOS 或者安卓拿到高度问题都不大
上面的问题也是我工作中遇到的，希望能帮到人。
如有错误,请帮忙改正,谢谢.

Sui@Code
关注
wkwebview 通过scrollHeight 获取的实际高度不准确
Super灬LV
12-14 8454
需求移动端使用webview加载后端返回的富文本，当在移动端点击查看全部的时候，全部显示。示例 示例代码 func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { webView.evaluateJavaScript("document.body.scrollHeight") { (valu
WKWebView 详解和一些问题处理
ACERROR
12-23 2768
全网WKWebView详解
ios-获取WKWebView加载完成之后的高度.zip
07-11
获取WKWebView的高度，注意在控制器 销毁后，为防止内存泄漏，需要将WKUserContentController *userCC = self.wkConfig.userContentController; //JS调用OC 添加处理脚本 [userCC addScriptMessageHandler:self name:@"jsCallOC"]; 的代理置位空
iOS11 WKWebview获取高度不准确问题
zhaotao0617的博客
10-18 4956
遇见这个问题的时候，我发现偏离了大概64像素，由此联想到了tableView和collectionView。 故解决办法如下： if (@available(iOS 11.0, *)) {         _webView.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNe
WKWebview获取内容高度
ZHFDBK的博客
05-16 2196
//页面加载完成之后调用 - (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation { WS(weakSelf); [webView evaluateJavaScript:@"document.body.offsetHeight;" completionHandler:^(...
WKWebView获取内容高度
奔跑中的IT男
06-26 7598
*webView = [[UIWebView alloc] init]; [webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"urlString"]]];#pragma mark - WKNavigationDelegate// 页面加载完成之后调用 此方法会调用多次 - (void)webView
WKWebView高度获取不准解决办法
码农天后的博客
01-18 1024
一般APP会在详情页下面原生拼接例如：评论或展示的Cell 很多人遇到WKWebView高度获取不准确，例如：下面一片空白，高度一直在增加，上拉刷不动，各种问题。 获取高度一般用kvo或者js，我是使用kvo监听。 获取不到高度，换下URL，百度什么的试试，先排除下。 我的做法，代码是没问题的，试了几个URL，也正常加载出来，只有公司URL有问题，与H5讨论下，问题描述完告诉我，高度塌陷。 H5这边只改了几句代码，我再测试，完美加载。 贴下H5改的代码 此图的高度是正确的 页面查看的高度，不
iOS WKWebView和UIWebView自适应高度
04-26
在处理自适应高度时，UIWebView有一个`estimatedContentHeight`属性，但这个属性并不总是准确，因此通常我们需要监听`UIWebView`的`webViewDidFinishLoad:`代理方法。在这个方法中，可以通过`...
ios-计算WKWebview的实际高度.zip
07-11
这个压缩包中的"WKweview计算高度"文件应该包含了一个示例项目，演示了上述步骤的具体实现，对于iOS开发者来说，这是一个非常实用的技巧，可以帮助解决WKWebView高度计算的问题。通过深入理解并实践这个例子，开发者...
【腾讯Bugly干货分享】WKWebView 那些坑
热门推荐
腾讯Bugly的专栏
01-22 2万+
本文来自于腾讯Bugly公众号（weixinBugly），未经作者同意，请勿转载，原文地址：http://mp.weixin.qq.com/s/rhYKLIbXOsUJC_n6dt9UfA导语WKWebView 是苹果在 WWDC 2014 上推出的新一代 webView 组件，用以替代 UIKit 中笨重难用、内存泄漏的 UIWebView, 拥有60fps滚动刷新率、和 safari 相同的 J
SwiftUI-WebView:一个使用WKWebView的SwiftUI组件
05-27
网页浏览 一个包含WKWebView SwiftUI组件View 由于WKWebView处理大量自己的状态，导航堆栈等，因此将其视为可变数据模型几乎容易WKWebView 。 您可以先设置它，然后再在SwiftUI视图中使用它的数据。 只需启动一个WebViewStore （可选地使用您自己的WKWebView ），然后使用它来访问WKWebView本身，就好像它是数据模型一样。 用法示例： import SwiftUI import WebView struct ContentView : View { @StateObject var webViewStore = WebViewStore () var body: some View { NavigationView { WebView ( webView : webViewStore. webV
关于WKWebView高度的问题的解决
qq_38472574的博客
10-20 151
关于WKWebView高度的问题的解决
关于webVIew高度变化
qq_28498205的博客
12-06 540
// 注册观察者  [_wkWebView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil]; // 监测高度变化 - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:...
WKWebView遇上UIScrollView，动态获取WKWebView的高度
欢迎来到Jack的程序世界
11-20 7137
开发过程中经常会碰到这样的需求，顶部是自定义的UIView,下面是使用webView,然后实现一起滚动。需求如下图： 实现思路也简单，可以使用UIScrollView为父视图，自定义view和webView作为子视图，或者使用UITableView,自定义view作为tableHeaderView，webView添加到 UITableViewCell上。关键是如何获取高度。这里通过
iOS WKWebView获取h5页面的实际高度
xiaoxiaobaibaicai的博客
11-27 2692
#pragma mark - observer - (void)addWebViewObserver { [self.wkWebView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil]; } - (void)removeWeb...
iOS开发漫话WKWebView之动态获取网页高度
yimiyangguang的专栏
03-10 1511
iOS开发漫画WKWebView之动态获取网页高度 最近在项目开发中遇到一个需求，一篇文章顶部的分析师信息以及底部的评论和回复以及文本框信息采用原生展示，中间的主体内容采用Vue框架做的H5展示。这里里面唯一的遇到的问题就是动态计算H5网页的高度，使得页面整体如一，不会有手势冲突。整体效果如下图： 经过搜索资料整理，基本有两种思路，一是通过在didFinish里面注入Js脚本获取页面的scrollHeight，二是通过iOS的KVO模式监听contentSize的值(也有注入Js来监...
iOS -- WKWebView + KVO 方式获取Web的高度（非js）
Fydevelop的博客
12-28 4431
随着项目中的web页加载越来越多。UIWebView使用的频率也越来越多，之前也没有过多的研究。总结一下： UIWebView 是从iOS2开始的，WKWebView是从iOS8才有，WKWebView的出现使得UIWebView慢慢被取代，原因是: UIWebView占用过多内存，而且峰值很高，WKWebView相对于UIWebView所占的内存少了很多。而且也加了一些特性：
WKWebView高度自适应
evenstyle1的专栏
01-10 1977
开发中经常会遇到WKWebView作为子视图在UIScrollView内部展示图文详情的请款，例如： 图中，标题，作者头像昵称时间等都是原生，底部评论列表也是原生，只有中间部分是WKWebView，这时候获取WKWebView的contentSize.height就是关键了，但是在iOS里面如果我们通过 webViewContentSizeObserver = webView?.observe(\.scrollView.contentSize,options: [.new,.old], changeHan
WKWebView高度自适应三种方式
最新发布
05-25
WKWebView高度自适应可以使用以下三种方式： 1. 使用JavaScript获取内容高度，然后将WebView的高度设置为内容高度。 ```swift // 通过JavaScript获取内容高度 webView.evaluateJavaScript("document.body.scrollHeight") { [weak self] (result, error) in guard let height = result as? CGFloat else { return } // 将WebView的高度设置为内容高度 self?.webViewHeightConstraint.constant = height } ``` 2. 使用WKWebView的`scrollViewDidScroll`方法获取内容高度，然后将WebView的高度设置为内容高度。 ```swift func scrollViewDidScroll(_ scrollView: UIScrollView) { // 获取内容高度 let height = scrollView.contentSize.height // 将WebView的高度设置为内容高度 webViewHeightConstraint.constant = height } ``` 3. 监听WKWebView的`estimatedProgress`属性，当其值为1时，获取内容高度，然后将WebView的高度设置为内容高度。 ```swift private var isWebViewLoaded = false func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { isWebViewLoaded = true } func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) { if keyPath == "estimatedProgress" { if let progress = change?[.newKey] as? Float, progress == 1.0 && isWebViewLoaded { // 获取内容高度 webView.evaluateJavaScript("document.body.scrollHeight") { [weak self] (result, error) in guard let height = result as? CGFloat else { return } // 将WebView的高度设置为内容高度 self?.webViewHeightConstraint.constant = height } } } } ``` 需要注意的是，第三种方式需要在初始化时添加观察者，如下所示： ```swift webView.addObserver(self, forKeyPath: "estimatedProgress", options: [.new, .old], context: nil) ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值