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

最新推荐文章于 2021-10-20 11:31:21 发布

Sui@Code

最新推荐文章于 2021-10-20 11:31:21 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

文章标签： wkwebview ios

本文链接：https://blog.youkuaiyun.com/weixin_39851592/article/details/83622716

本文针对iOS应用中WKWebView加载内容高度获取不准确的问题，分享了一种有效的解决方法。通过与H5团队合作，调整了特定的代码，解决了高度显示异常的情况，确保了WKWebView能够正确反映内容的全部高度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

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

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

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

贴下H5改的代码

此图的高度是正确的

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

在这里插入图片描述
heighe不要设置成100%，基本的H5按照这样写，iOS 或者安卓拿到高度问题都不大

上面的问题也是我工作中遇到的，希望能帮到人。
如有错误,请帮忙改正,谢谢.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sui@Code

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

Super灬LV

12-14

8718

需求移动端使用webview加载后端返回的富文本，当在移动端点击查看全部的时候，全部显示。示例示例代码 func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { webView.evaluateJavaScript("document.body.scrollHeight") { (valu

OC - WebView使用之获取 WebView 实际内容高度及其中一种导致WebView展示不全的bug

LJ·杨的博客

01-05

5056

最近项目中，有一个模块，需要大量的图表。而且产品明确表明，图表只有一个要求，就是要好看，座椅使用原生控件，画的话，费时费力不说，还不一定好看。所以呢，我们就用了ECharts插件，iOS直接使用webView调用H5界面。产品的需求是在不同的屏幕上展示的图表要和谐(重点是好看)，所以喽，这就导致了，我们要在调用html链接生成之前，要把不同屏幕所要展示的WebView的高度传入链接中。在实际的展示

参与评论您还未登录，请先登录后发表或查看评论

WKWebview获取内容高度

ZHFDBK的博客

05-16

2319

//页面加载完成之后调用 - (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation { WS(weakSelf); [webView evaluateJavaScript:@"document.body.offsetHeight;" completionHandler:^(...

iOS11 WKWebview获取高度不准确问题

zhaotao0617的博客

10-18

5074

遇见这个问题的时候，我发现偏离了大概64像素，由此联想到了tableView和collectionView。故解决办法如下： if (@available(iOS 11.0, *)) { _webView.scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNe

WKWebView获取内容高度

奔跑中的IT男

06-26

7709

*webView = [[UIWebView alloc] init]; [webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"urlString"]]];#pragma mark - WKNavigationDelegate// 页面加载完成之后调用此方法会调用多次 - (void)webView

WKWebView高度获取不准解决办法

码农天后的博客

01-18

1126

一般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高度计算的问题。通过深入理解并实践这个例子，开发者...

实用WKWebView高度计算方法分享与案例

然而，这一需求的实现并不简单，因为WKWebView的contentSize属性并不总是能准确反映出网页的真实高度。 #### 现有的解决方案问题网络上存在多种解决方案，但这些方法往往存在局限性或错误，比如返回值为零或极大的...

ios-获取WKWebView加载完成之后的高度.zip

07-11

获取WKWebView的高度，注意在控制器销毁后，为防止内存泄漏，需要将WKUserContentController *userCC = self.wkConfig.userContentController; //JS调用OC 添加处理脚本 [userCC addScriptMessageHandler:self name:@"jsCallOC"]; 的代理置位空

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

weex web获取html高度,一个精准计算WKWebView中html内容高度的神奇方法

weixin_42527160的博客

06-10

480

缘起我们通常都会在webViwe控件的下面绘制很多其他的内容，不但webView中的内容需要全部展现，并且webView底部的内容也应当完美衔接，例如下面的效果：9C11045A-A1C2-448A-AA8E-F399A8ADF466.png基本方法在网页加载完成后，通过JS方法获取内容高度在[webView:didFinishNavigation:]方法内，通过JS来获取页面的高度：- (voi...

关于WKWebView高度的问题的解决

qq_38472574的博客

10-20

211

关于WKWebView高度的问题的解决

关于webVIew高度变化

qq_28498205的博客

12-06

596

// 注册观察者 [_wkWebView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil]; // 监测高度变化 - (void)observeValueForKeyPath:(NSString *)keyPath ofObject:...

iOS 【偏方】获取webView高度那些坑！！！

豪冷的博客

03-06

478

作者：豪冷链接：https://www.jianshu.com/p/3a3d3fdb2b44 來源：简书看过这篇iOS【终极方案】精准获取webView内容高度，自适应高度也看过这篇iOS 【奇巧淫技】获取webView内容高度然而，就是没有解决我的问题！因为，我要加载的H5，只有纯图片，图片数量不定。单张图片太长时，直接会被压缩。不超过屏幕高度的，则不会。当我直接...

WKWebView遇上UIScrollView，动态获取WKWebView的高度

欢迎来到Jack的程序世界

11-20

7335

开发过程中经常会碰到这样的需求，顶部是自定义的UIView,下面是使用webView,然后实现一起滚动。需求如下图：实现思路也简单，可以使用UIScrollView为父视图，自定义view和webView作为子视图，或者使用UITableView,自定义view作为tableHeaderView，webView添加到 UITableViewCell上。关键是如何获取高度。这里通过

iOS WKWebView获取h5页面的实际高度

xiaoxiaobaibaicai的博客

11-27

2764

#pragma mark - observer - (void)addWebViewObserver { [self.wkWebView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil]; } - (void)removeWeb...

iOS开发漫话WKWebView之动态获取网页高度

yimiyangguang的专栏

03-10

1627

iOS开发漫画WKWebView之动态获取网页高度最近在项目开发中遇到一个需求，一篇文章顶部的分析师信息以及底部的评论和回复以及文本框信息采用原生展示，中间的主体内容采用Vue框架做的H5展示。这里里面唯一的遇到的问题就是动态计算H5网页的高度，使得页面整体如一，不会有手势冲突。整体效果如下图：经过搜索资料整理，基本有两种思路，一是通过在didFinish里面注入Js脚本获取页面的scrollHeight，二是通过iOS的KVO模式监听contentSize的值(也有注入Js来监...

实现WKWebView在TableView中高度自适应的解决方案

基本思路是，在WKWebView加载完成后，执行一段JavaScript代码来获取当前网页内容的实际高度，并将这个高度值返回给原生代码。原生代码接收到这个高度值后，即可调整cell的高度以适应内容。在这个过程中，需要使用...