WKWebView 自适应高度 及在UIScrollView上的滑动 缩放

最新推荐文章于 2026-06-17 17:01:37 发布
原创 最新推荐文章于 2026-06-17 17:01:37 发布 · 6.9k 阅读 · 1
本文介绍了如何在iOS中使WKWebView自适应高度，并将其嵌入到UIScrollView中实现滑动和缩放功能。通过设置WKWebViewConfiguration，调整scrollView属性，监听WKWebView的内容变化来动态调整高度。同时，利用UIScrollView的代理方法实现网页的缩放功能。
近期boss要我们做一款类似电商的产品，商品详情布局顶部是一些固定的控件，底部是一个webview的图文混排（也有pdf），需要webview自适应高度。这个方法网上一搜一大片:

    WKWebViewConfiguration *config = [WKWebViewConfigurationnew];

    //是否支持JavaScript

    config.preferences.javaScriptEnabled =YES;

   //不通过用户交互，是否可以打开窗口

    config.preferences.javaScriptCanOpenWindowsAutomatically =NO;

    //通过JS与webView内容交互

    config.userContentController = [WKUserContentControllernew];


    _webView = [[WKWebViewalloc]initWithFrame:CGRectMake(0,brief_View.bottom +10,base_Sc.width,0) configuration:config];

    _webView.UIDelegate =self;

    _webView.navigationDelegate =self;

    _webView.scrollView.bounces =NO;

    _webView.scrollView.showsVerticalScrollIndicator = NO;

    _webView.scrollView.showsHorizontalScrollIndicator =NO;

    [base_ScaddSubview:_webView];

    

    NSURL *pathUrl = [NSURLURLWithString

最低0.47元/天 解锁文章
joyliyan
关注
iOS Webview自适应实际内容高度的4种方法详解
01-04
//第一种方法 - (void)webViewDidFinishLoad:(UIWebView *)webView { CGFloat webViewHeight=[webView.scrollView contentSize].height; CGRect newFrame = webView.frame; newFrame.size.height = webViewHeight; webView.frame = newFrame; _webTablewView.contentSize = CGSizeMake(320, newFrame.size.height + 64 + KWIDTH
WKWebView高度自适应三种方式
weixin_34357436的博客
12-21 860
一、前言 Important Starting in iOS 8.0 and OS X 10.10, use WKWebView to add web content to your app. Do not use UIWebView or WebView. WKWebVIew是iOS8新出的API，旨在替代原有的UIWebView，相对于UIWebView，WKWebView有着更为强大性能...
iOS-UIWebview WKWebView 页面缩放
DamonBBq的博客
05-18 2014
因为UIWebView类没有改动缩放系数的方法，仅仅能用HTML代码来做修改。 能够使用的參数有： minimum-scale: 同意缩放的最小倍数。默觉得0.25，同意值为0－10。 maximum-scale: 执行缩放的最大倍数。默认1.6，同意值为0－10。 initial-scale: 当web页被载入，还未被用户缩放之前默认的缩放系数。默认值是自己主动依据页面大小和可用区域计算出来的，但这个值终于会在最小倍数到最大倍数之间。 user-scalable = yes/no 是否.
GEE实战：利用GEDI L4A AGBD数据集进行区域森林碳储量估算
weixin_33749242的博客
05-14 713
本文详细介绍了如何利用GEE平台处理GEDI L4A AGBD数据集进行区域森林碳储量估算。通过数据预处理、质量筛选、碳储量计算及结果验证等步骤，帮助研究人员高效获取准确的森林生物量密度数据，为碳汇评估提供可靠支持。文章包含实用的JavaScript代码示例和可视化技巧，特别适合生态遥感领域的研究者参考。
WKWebview获取内容高度
ZHFDBK的博客
05-16 2373
//页面加载完成之后调用 - (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation { WS(weakSelf); [webView evaluateJavaScript:@"document.body.offsetHeight;" completionHandler:^(...
iOS用WKWebView与JS交互获取系统图片及WKWebView的Alert,Confirm,TextInput的监听代理方法使用，屏蔽WebView的可选菜单
热门推荐
启程的博客
10-14 1万+
最近做一个项目，开始是使用WebView与JS交互的，由于内存管理方面WebView欠佳。WKWebVIew的内存线程管理好，所以选择使用 WKWebVIew(使用WKWebView 的缺点在于，这个控件加载的H5页面不支持ajax请求，所以需要自己把网络请求在OC上实现)。 一、首先说下应该注意的问题： 1.要获取拍照或相册的图片，如果是iOS 10系统，需要设置访问权限（在 Info-pl
UIkit基本框架
最新发布
2301_77900444的博客
06-17 344
本文包含了IOS界面开发中的常用控件以及其他相关知识，持续更新中
【ios】webview如何取消图层上下拖动
weixin_48618536的博客
05-11 555
本博文主要是对ios中webview如何取消图层上下拖动实现的一个介绍，以及记录，方便后续使用时候可以直接加载，这边ios开发主要使用语言。
iOS WKWebView 计算高度的几种方法
疯狂的程序猿的博客
10-19 2458
[self.webView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil]; - (void)dealloc{ [self.webView.scrollView removeObserver:self forKeyPath:@"contentSize" context:nil]; } - (void)observeValueForK...
使用 scrollview运行不显示_WKWebview使用攻略
weixin_39636253的博客
12-03 459
现在我们的app都需要使用WKWebview来加载h5页面了,但是使用过程中有些细节需要注意,通过本篇文章可以让大家更加完善的了解WKWebview的使用。iOS8.0之后我们可以使用WebKit框架中的WKWebView来加载网页，WKWebView可将网页处理限制在App的网页视图中，从而确保不安全的网站内容不会影响到App的其他部分，并且苹果表示2020年12月起将不再接受使用UI...
WKWebView打开本地PDF文件，手势缩放比例设置。
虾米好吃的博客
12-14 710
思路：实现UIScrollViewDelegate中scrollViewDidZoom方法，检测scrollView的zoomScale属性，当大于或小于指定比例时强制设置成需要的上下限。
WKWebView监听滚动条变化
wyz670083956的博客
12-24 3296
App项目有个新需求：进入App，跳出《隐私协议》弹窗，需要浏览完协议内容，才可以点击“确定”按钮。 分析需求：需要监听WKWebView的右侧滑动条滑动到底部。 WKWebView内部内置了一个ScrollerView，所以其实是监听ScrollerView的纵向滑动。 1.设置WKWebView里的ScrollerView代理：webView.scrollView.delegate = self; 2.实现ScrollerView的代理方法：- (void)scrollViewDidEndDec
WKWebView遇到的坑
ios_xumin的专栏
04-25 2129
1、UIWebView 有属性 scalespageToFit，设置为YES，可以自动对页面进行缩放以适应屏幕，WKWebView怎么做可以实现自动缩放网页比例 ? 解决办法：使用scrollView的代理 //但如果这么写了的话, 需要在dealloc中把代理置nil: _wkWebView.scrollView.delegate = nil;否则会崩溃 _wkWebView.scrollView.delegate = self; 之前有引用到WKWebview,为使用方便将WKWebvi.
wkwebview缩放
u013257088的专栏
03-01 554
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView { return nil; }禁止缩放
WKWebView遇上UIScrollView，动态获取WKWebView的高度
欢迎来到Jack的程序世界
11-20 7463
开发过程中经常会碰到这样的需求，顶部是自定义的UIView,下面是使用webView,然后实现一起滚动。需求如下图： 实现思路也简单，可以使用UIScrollView为父视图，自定义view和webView作为子视图，或者使用UITableView,自定义view作为tableHeaderView，webView添加到 UITableViewCell上。关键是如何获取高度。这里通过
控制wkwebview的缩放
u012490014的专栏
06-21 6520
    有的时候需求所需，不允许wkwebview页面手指捏合放大和缩小，控制wkwebview页面的放大和缩小有两种方法第一种设置webview.scrollview.delegage = self;_webView.scrollView.delegate = self;添加- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scroll...
WKWebView加载的网页自适应大小
box_kun的博客
02-05 8750
有时候在WKWebView加载页面后会发现页面的字会很小, 这是因为原网页没有做手机屏幕尺寸的适配, 那么在后台不做调整的情况下我们移动端怎样来适配页面呢? 以下代码可以适配大小//Lazy Loading - (WKWebView *)webView { if (!_webView) { _webView = [[WKWebView alloc] init];
ios html高度自适应,iOS WKWebView高度自适应以及截获页面点击的url
weixin_35645230的博客
06-16 365
首先来看下UIWebView的做法:UIWebView *webView = [[UIWebViewalloc]initWithFrame:CGRectMake(0,0,WIDTH,0)];webView.delegate =self;[self.viewaddSubview:webView];[webView loadHTMLString:html/*html内容*/ baseURL:nil];...
iOS【终极方案】精准获取webView内容高度，自适应高度
useruser19900720的博客
03-24 813
关于WebView内容高度的获取，相信很多人都踩过坑，无法获取到准确高度，导致页面布局出现差错，搜到的资料很多但都无法解决问题，以下是个人经验总结： 项目需求实现H5文章&原生评论效果，文章是加载H5链接，评论信息是后台接口提供，以列表形式展示。 实现思路： 1. webView加载H5链接，设置它为tableView的 headerView，下方评论信息用Cell加载展示。 2. 在web
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值