WKWebView使用及注意点(keng)
iOS8
之后,苹果推出了WebKit
这个框架,用来替换原有的UIWebView
,新的控件优点多多,不一一叙述。由于一直在适配iOS7
,就没有去替换,现在仍掉了iOS7
,以为很简单的就替换过来了,然而在替换的过程中,却遇到了很多坑。还有一点就是原来写过一篇文章 Objective-C与JavaScript交互的那些事以为年代久远的UIWebView
已经作古,可这篇文章现在依然有一定的阅读量。所以在决定在续一篇此文,以引导大家转向WKWebView
,并指出自己踩过的坑,让大家少走弯路。
此篇文章的逻辑图
WKWebView使用
WKWebView简单介绍
使用及注意点
WKWebView
只能用代码创建,而且自身就支持了右滑返回手势allowsBackForwardNavigationGestures
和加载进度estimatedProgress
等一些UIWebView
不具备却非常好用的属性。在创建的时候,指定初始化方法中要求传入一个WKWebViewConfiguration
对象,一般我们使用默认配置就好,但是有些地方是要根据自己的情况去做更改。比如,配置中的allowsInlineMediaPlayback
这个属性,默认为NO
,如果不做更改,网页中内嵌的视频就无法正常播放。
更改User-Agent
有时我们需要在User-Agent
添加一些额外的信息,这时就要更改默认的User-Agent
在使用UIWebView
的时候,可用如下代码(在使用UIWebView
之前执行)全局更改User-Agent
:
// 获取默认User-Agent
UIWebView *webView = [[UIWebView alloc] initWithFrame:CGRectZero];
NSString *oldAgent = [webView stringByEvaluatingJavaScriptFromString:@"navigator.userAgent"];// 给User-Agent添加额外的信息
NSString *newAgent = [NSString stringWithFormat:@"%@;%@", oldAgent, @"extra_user_agent"];// 设置global User-Agent
NSDictionary *dictionnary = [[NSDictionary alloc] initWithObjectsAndKeys:newAgent, @"UserAgent", nil];
[[NSUserDefaults standardUserDefaults] registerDefaults:dictionnary];
以上代码是全局更改User-Agent
,也就是说,App
内所有的Web
请求的User-Agent
都被修改。替换为WKWebView
后更改全局User-Agent
可以继续使用上面的一段代码,或者改为用WKWebView
获取默认的User-Agent
,代码如下:
self.wkWebView = [[WKWebView alloc] initWithFrame:CGRectZero];// 获取默认User-Agent
[self.wkWebView evaluateJavaScript:@"navigator.userAgent" completionHandler:^(id result, NSError *error) {NSString *oldAgent = result;// 给User-Agent添加额外的信息NSString *newAgent = [NSString stringWithFormat:@"%@;%@", oldAgent, @"extra_user_agent"];// 设置global User-AgentNSDictionary *dictionary = [NSDictionary dictionaryWithObjectsAndKeys:newAgent, @"UserAgent", nil];[[NSUserDefaults standardUserDefaults] registerDefaults:dictionary];
}];
对比发现,这两种方法并没有本质的区别,一点小区别在于一个是用UIWebView
获取的默认User-Agent
,一个是用WKWebView
获取的默认User-Agent
。上面方法的缺点也是很明显的,就是App
内所有Web
请求的User-Agent
全部被修改。
在iOS9
,WKWebView
提供了一个非常便捷的属性去更改User-Agent
,就是customUserAgent
属性。这样使用起来不仅方便,也不会全局更改User-Agent
,可惜的是iOS9
才有,如果适配iOS8
,还是要使用上面的方法。
WKWebView的相关的代理方法
WKWebView
的相关的代理方法分别在WKNavigationDelegate
和WKUIDelegate
以及WKScriptMessageHandler
这个与JavaScript
交互相关的代理方法。
WKNavigationDelegate
: 此代理方法中除了原有的UIWebView
的四个代理方法,还增加了其他的一些方法,具体可参考我下面给出的Demo
。WKUIDelegate
: 此代理方法在使用中最好实现,否则遇到网页alert
的时候,如果此代理方法没有实现,则不会出现弹框提示。WKScriptMessageHandler
: 此代理方法就是和JavaScript
交互相关,具体介绍参考下面的专门讲解。
WKWebView使用过程中的坑
WKWebView下面添加自定义View
因为我们有个需求是在网页下面在添加一个View
,用来展示此链接内容的相关评论。在使用UIWebView
的时候,做法非常简单粗暴,在UIWebView
的ScrollView
后面添加一个自定义View
,然后根据View
的高度,在改变一下scrollView
的contentSize
属性。以为WKWebView
也可以这样简单粗暴的去搞一下,结果却并不是这样。
首先改变WKWebView
的scrollView
的contentSize
属性,系统会在下一次帧率刷新的时候,再给你改变回原有的,这样这条路就行不通了。我马上想到了另一个办法,改变scrollView
的contentInset
这个系统倒不会在变化回原来的,自以为完事大吉。后来过了两天,发现有些页面的部分区域的点击事件无法响应,百思不得其解,最后想到可能是设置的contentInset
对其有了影响,事实上正是如此。查来查去,最后找到了一个解决办法是,就是当页面加载完成时,在网页下面拼一个空白的div
,高度就是你添加的View
的高度,让网页多出一个空白区域,自定义的View
就添加在这个空白的区域上面。这样就完美解决了此问题。具体可参考Demo
所写,核心代码如下:
self.addView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, ScreenWidth, addViewHeight)];
self.addView.backgroundColor = [UIColor redColor];
[self.webView.scrollView addSubview:self.addView];NSString *js = [NSString stringWithFormat:@"\
var appendDiv = document.getElementById(\"AppAppendDIV\");\
if (appendDiv) {\
appendDiv.style.height = %@+\"px\";\} else {\
var appendDiv = document.createElement(\"div\");\
appendDiv.setAttribute(\"id\",\"AppAppendDIV\");\
appendDiv.style.width=%@+\"px\";\appendDiv.style.height=%@+\"px\";\document.body.appendChild(appendDiv);\
}\
", @(addViewHeight), @(self.webView.scrollView.contentSize.width), @(addViewHeight)];[self.webView evaluateJavaScript:js completionHandler:nil];
WKWebView加载HTTPS的链接
HTTPS
已经越来越被重视,前面我也写过一系列的HTTPS
的相关文章HTTPS从原理到应用(四):iOS中HTTPS实际使用当加载一些HTTPS
的页面的时候,如果此网站使用的根证书已经内置到了手机中这些HTTPS
的链接可以正常的通过验证并正常加载。但是如果使用的证书(一般为自建证书)的根证书并没有内置到手机中,这时是链接是无法正常加载的,必须要做一个权限认证。开始在UIWebView
的时候,是把请求存储下来然后使用NSURLConnection
去重新发起请求,然后走NSURLConnection
的权限认证通道,认证通过后,在使用UIWebView
去加载这个请求。
在WKWebView
中,WKNavigationDelegate
中提供了一个权限认证的代理方法,这是权限认证更为便捷。代理方法如下:
- (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential *credential))completionHandler {if ([challenge.protectionSpace.authenticationMethod isEqualToString:NSURLAuthenticationMethodServerTrust]) {if ([challenge previousFailureCount] == 0) {NSURLCredential *credential = [NSURLCredential credentialForTrust:challenge.protectionSpace.serverTrust];completionHandler(NSURLSessionAuthChallengeUseCredential, credential);} else {completionHandler(NSURLSessionAuthChallengeCancelAuthenticationChallenge, nil);}} else {completionHandler(NSURLSessionAuthChallengeCancelAuthenticationChallenge, nil);}
}
这个方法比原来UIWebView
的认证简单的多。但是使用中却发现了一个很蛋疼的问题,iOS8
系统下,自建证书的HTTPS
链接,不调用此代理方法。查来查去,原来是一个bug
,在iOS9
中已经修复,这明显就是不管iOS8
的情况了,而且此方法也没有标记在iOS9
中使用,这点让我感到有点失望。这样我就又想到了换回原来UIWebView
的权限认证方式,但是试来试去,发现也不能使用了。所以关于自建证书的HTTPS
链接在iOS8
下面使用WKWebView
加载,我没有找到很好的办法去解决此问题。这样我不得已有些链接换回了HTTP
,或者在iOS8
下面在换回UIWebView
。如果你有解决办法,也欢迎私信我,感激不尽。
WKWebView加载POST请求
非常感谢@e231e1ff5f8b的指出,原来POST
请求这儿还有一个坑。自己项目中并没有这块需求,也就没有发现。加载POST
请求的时候,会丢失HTTPBody
。解决办法是在网页上开一个JavaScript
方法,在请求POST
的时候去调用JavaScript
这个方法,从而完成POST
请求。调用JavaScript
方法参考下面交互这一章节。
WKWebView和JavaScript交互
WKWebView
和JavaScript
交互,在WKUserContentController.h
这个头文件中- (void)addScriptMessageHandler:(id <WKScriptMessageHandler>)scriptMessageHandler name:(NSString *)name;
这个方法的注释中已经明确给出了交互办法。使用起来倒是非常的简单。创建WKWebView
的时候添加交互对象,并让交互对象实现WKScriptMessageHandler
中的唯一的一个代理方法。具体的方式参考Demo中的使用。
// 添加交互对象
[config.userContentController addScriptMessageHandler:(id)self.ocjsHelper name:@"timefor"];// 代理方法
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message;
JavaScript
调用Objective-C
的时候,使用window.webkit.messageHandlers.timefor.postMessage({code: '0001', functionName: 'getdevideId'}); Objective-C
自动对交互参数包装成了WKScriptMessage
对象,其属性body
则为传送过来的参数,name
为添加交互对象的时候设置的名字,以此名字可以过滤掉不属于自己的交互方法。其中body
可以为NSNumber, NSString, NSDate, NSArray, NSDictionary, and NSNull。
而Objective-C
在回调JavaScript
的时候,不能像我原来在 Objective-C与JavaScript交互的那些事这篇文章中写的那样,JavaScript
传过来一个匿名函数,Objective-C
这边直接调用一下就完事。WKWebView
没有办法传过来一个匿名函数,所以回调方式,要么执行一段JavaScript
代码,或者就是调用JavaScript
那边的一个全局函数。一般是采用后者,至于Web
端虽说暴露了一个全局函数,同样可以把这一点代码处理的很优雅。Objective-C
传给JavaScript
的参数,可以为Number, String, and Object
。参考如下:
// 数字
NSString *js = [NSString stringWithFormat:@"globalCallback(%@)", number];
[self.webView evaluateJavaScript:js completionHandler:nil];
// 字符串
NSString *js = [NSString stringWithFormat:@"globalCallback(\'%@\')", string];
[self.webView evaluateJavaScript:js completionHandler:nil];
// 对象
NSString *js = [NSString stringWithFormat:@"globalCallback(%@)", @{@"name" : @"timefor"}];
[self.webView evaluateJavaScript:js completionHandler:nil];
// 带返回值的JS函数
[self.webView evaluateJavaScript:@"globalCallback()" completionHandler:^(id result, NSError * _Nullable error) {// 接受返回的参数,result中
}];
总结
此文主要介绍了WKWebView
使用中的注意点,一般也都是常用的,还有缓存等一些不是太常用的就没有具体介绍。如果在其他方面遇到问题,也欢迎你私信我共同探讨进步。WKWebView
确实比UIWebView
有些地方好用不少,但是一些bug
至今也没解决,权限挑战是在iOS9
解决的,POST
请求则至今没有解决,而改变contentInset
导致的点击事件不准确,同样是没有解决。这些问题让开发者使用起来,有诸多不便啊。
此文的Demo地址:WKWebViewDemo 如果此文对你有所帮助,请给个star
吧。
参考
- http://stackoverflow.com/questions/34693311/links-in-wkwebview-randomly-not-clickable/35100064#35100064
- https://bugs.webkit.org/show_bug.cgi?id=140197
- http://stackoverflow.com/questions/26253133/cant-set-headers-on-my-wkwebview-post-request
原文链接:http://www.jianshu.com/p/9513d101e582
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
WKWebView使用及注意点(keng)相关推荐
- WKWebView 使用及注意点(keng)
来源:伯乐在线 - Toyun 链接:http://ios.jobbole.com/90729/ 点击 → 申请加入伯乐在线专栏作者 iOS8之后,苹果推出了WebKit这个框架,用来替换原有的UIW ...
- Objective-C与JavaScript交互的那些事
2019独角兽企业重金招聘Python工程师标准>>> Objective-C与JavaScript交互的那些事 注:此文只现在只推荐需要适配iOS7的同学读,如果已经扔掉iOS7, ...
- 一个KVO 实现WKWebView加载进度条的例子 (注意最后移除观察者)
// // OpenWebViewController.m // Treasure // // Created by 蓝蓝色信子 on 16/7/29. // Copyright © 2016年 GY ...
- WKWebView Safari调试、JS互调、加载进度条、JS中alert、confirm、prompt
主要内容 Safari调试 swift/OC与JS互调 增加加载进度条 支持JS中alert.confirm.prompt Safari调试 设置 -> safari --> 高级,开启J ...
- wkwebView基本使用方法
WKWebView有两个delegate,WKUIDelegate 和 WKNavigationDelegate.WKNavigationDelegate主要处理一些跳转.加载处理操作,WKUIDel ...
- UITableView嵌套WKWebView的那些坑
最近项目中遇到了一个需求,TableView中需要嵌套Web页面,我的解决办法是在系统的UITableViewCell中添加WKWebView.开发的过程中,遇到了些坑,写出来分享一下. 1.首先说一 ...
- iOS 走近商城 APP(三 WKWebView 商品规格选择框架封装)
原文链接:http://www.jianshu.com/p/293ee1bfe104 商城 -- 由 3033 分享 开篇 忽然发现最近也只有值班才能写东西了,中间更新了两篇其他的断了下商城相关的文章 ...
- iOS WKWebView带进度条封装(只用传入url,可改变进度条颜色)
1 NSTimer+addition.h #import <Foundation/Foundation.h> @interface NSTimer (addition) /** 暂停时间 ...
- iOS下JS与OC互相调用(二)--WKWebView 拦截URL
在上篇文章中讲述了使用UIWebView拦截URL的方式来处理JS与OC交互. 由于UIWebView比较耗内存,性能上不太好,而苹果在iOS 8中推出了WKWebView. 同样的用WKWebVie ...
最新文章
- jpa中使用Query判断条件查询
- windows下vs2013使用C++访问redis
- 使用QT制作桌面小工具(一)
- tensorflow 读取cifar_浅入浅出TensorFlow 4 - 训练CIFAR数据
- 计算机游戏比赛,计算机学院2013年趣味运动会游戏比赛细则.doc
- wpf 在另一个窗体上显示_另一个唐伯虎:大街上裸身奔跑、锒铛入狱多次自裁未遂...
- 如何一站式解决“人财物事”管理难题?
- 出现“cannot identify image file /.DS_Store'”问题解决的办法
- POM思想__多个页面时进行的处理
- 第六版PMBOK中工具与技术的介绍:数据收集数据分析数据表现
- java调用海康人脸识别机5603的sdk的使用总结(三)
- 微信自定义分享,分享至QQ和空间自定义内容正常、分享至微信时只有链接问题
- ubuntu安装配置NFS
- 资产证券化为什么需要区块链技术?专访趣链科技揭开“区块链+ABS”迷雾
- 钢筋穿入女子太阳穴 消防及时破拆将其营救
- docke 安装rap_RAP2:使用docker镜像进行构建,启动部署
- vue 根据权限显示不同页面解决方案
- 服务器网站出现403 forbidden,谷歌浏览器出现403 forbidden怎么回事_谷歌浏览器出现403 forbidden如何解决...
- 1335 工作计划的最低难度(动态规划)
- PLC_SCL数据查找算法
热门文章
- 计算机农业类的sci,农学类比较好投的SCI期刊有哪些
- 归一化相关 matlab,matlab – 归一化互相关的基础知识
- 【入门案例系列】学英语太难?这款英语单词小游戏教你一键学会。
- Python爬虫:抓取手机APP的数据
- PS\AE\PR如何切换英文?这款Adobe中英快速切换工具一键帮你解决
- byteTrack数据集categories不规范带来的问题
- Win10家庭版 无法远程桌面连接的解决方案
- Korg - AudioGate播放器
- 传奇GOM引擎登陆器配置教程 GOM登陆器配置详解 GOM引擎登陆器图文教程
- 大话深度残差网络(DRN)ResNet网络原理