苹果公司在2014 WWDC上发布了iOS8，同时引入了WKWebView来替代传统的UIWebView。现在的产品也越来越多的使用到webview来实现app内部复杂而又低动效的UI效果。今天我们就来看一下WKWebView的简单应用。
WKWebView的优势：
在性能、稳定性、功能方面有很大提升（最直观的体现就是加载网页是占用的内存）；
允许JavaScript的Nitro库加载并使用（UIWebView中限制）；
支持了更多的HTML5特性；
官方宣称的高达60fps的滚动刷新率以及内置手势；
将UIWebViewDelegate与UIWebView重构成了14类与3个协议。
使用WKWebView我们首先引入#import <WebKit/WebKit.h>。下面直接上代码。这是一个最简单的webView的初始化。
一下是webview的navgationDelegate的各个方法。我们看一下他们的调用顺序。
//网页加载之前，是否允许开始加载网页
- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler;
{
//1
decisionHandler(WKNavigationActionPolicyAllow);
}
//是否允许加载网页接受到的收据
- (void)webView:(WKWebView*)webView decidePolicyForNavigationResponse:(WKNavigationResponse*)navigationResponse decisionHandler:(void(^)(WKNavigationResponsePolicy))decisionHandler
{
//5
decisionHandler(WKNavigationResponsePolicyAllow);
}
//开始接收网页数据
- (void)webView:(WKWebView*)webView didStartProvisionalNavigation:(null_unspecifiedWKNavigation*)navigation
{
//2
}
//收到重定向请求
- (void)webView:(WKWebView*)webView didReceiveServerRedirectForProvisionalNavigation:(null_unspecifiedWKNavigation*)navigation
{
//3
}
//加载失败 （向网页请求加载数据时）
- (void)webView:(WKWebView*)webView didFailProvisionalNavigation:(null_unspecifiedWKNavigation*)navigation withError:(NSError*)error
{
}
//开始加载网页数据
- (void)webView:(WKWebView*)webView didCommitNavigation:(null_unspecifiedWKNavigation*)navigation
{
//6
}
//加载结束
- (void)webView:(WKWebView*)webView didFinishNavigation:(null_unspecifiedWKNavigation*)navigation
{
//7
}
//加载失败 （接收网页数据时）
- (void)webView:(WKWebView*)webView didFailNavigation:(null_unspecifiedWKNavigation*)navigation withError:(NSError*)error
{
}
//安全验证
- (void)webView:(WKWebView*)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge*)challenge completionHandler:(void(^)(NSURLSessionAuthChallengeDispositiondisposition,NSURLCredential*_Nullablecredential))completionHandler
{
//4 这个方法不经常用到，没有过多的探究。它是用于webview的数字证书安全验证。
completionHandler(NSURLSessionAuthChallengeUseCredential , challenge.proposedCredential);
}
在这里就遇到了wekwebview的第一个坑：如果我们使用了调用顺序中的1和5方法，额哦们就必须实现decisionHandler block。WKNavigationActionPolicy 和 是一个枚举类型：.Allow //允许 .Cancel//取消 来控制是否允许网页的跳转和加载。如果不实现，程序会崩溃。
JS和WKWebView的数据交互。
接下来我们看一下JS和WKWebView是如何实现数据交互的。
1、webView调用JS方法，很简单一句话调用。
[self.webView evaluateJavaScript:@"OCCallJSAction" completionHandler:^(id object, NSError * error) {
}];
2、JS调用webView的方法。首先我们用WKWebViewConfiguration的方法初始化webView。
WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc]init];
WKUserContentController*userVC = [[WKUserContentController alloc]init];
[userVC addScriptMessageHandler:self name:@"JSCallOCAction"];
configuration.userContentController = userVC;
self.webView = [[WKWebView alloc]initWithFrame:self.view.bounds
configuration:configuration];
self.webView.navigationDelegate =self;
[self.view addSubview:self.webView];
NSURLRequest*request = [[NSURLRequest alloc]initWithURL:[NSURL URLWithString:@"http://www.baidu.com"]];
[self.webViewloadRequest:request];
然后实现方法：
- (void)userContentController:(WKUserContentController*)userContentController didReceiveScriptMessage:(WKScriptMessage*)message
{
//通过message.name判断JS的响应方法 来决定如何实现。参数在message.body。如果有多个方法可以使用定义多个name或者根据body区分实现。
}
注意：addScriptMessageHandler: name:方法会循环引用引发内存泄漏，需要我们特殊处理。当使用该方法时，你会发现当前控制器退出时，并不会触发dealloc方法。我们需要调用userController的removeScriptMessageHandlerForName:方法。
此前使用在viewWillAppear中调用add方法，在viewWillDisappear中调用remove方法，使控制器释放。但是此时控制器并不会走dealloc方法。我们只做一个中间类WeakScriptMessageDelegate，来实现。
以下代码可以直接写到控制器的.h文件当中：
@interface WeakScriptMessageDelegate: NSObject
@property (nonatomic, weak) id scriptDelegate;
- (instancetype)initWithDelegate:(id)scriptDelegate;
@end
以下代码可以直接写到控制器的.m文件当中：
@implementationWeakScriptMessageDelegate
- (instancetype)initWithDelegate:(id)scriptDelegate {
self= [superinit];
if(self) {
_scriptDelegate= scriptDelegate;
}
return self;
}
- (void)userContentController:(WKUserContentController*)userContentController didReceiveScriptMessage:(WKScriptMessage*)message {
[self.scriptDelegate userContentController:userContentController didReceiveScriptMessage:message];
}
@end
我们在调用add方法时使用：
[userVC addScriptMessageHandler:[[WeakScriptMessageDelegate alloc] initWithDelegate:self] name:@"JSCallOCAction"];
在控制器的dealloc中使用：
[self.webView.configuration.userContentController removeScriptMessageHandlerForName:@"JSCallOCAction"];
OC捕获H5的控件行为
如果我们想要捕获H5中的一些控件行为，我们需要设置WKWebView的UIDelegate。self.webView.UIDelegate = self;下面我们来看一下UIDelegate中经常用到的几个方法。
//加载一个新的网页
- (nullableWKWebView*)webView:(WKWebView*)webView createWebViewWithConfiguration:(WKWebViewConfiguration*)configuration forNavigationAction:(WKNavigationAction*)navigationAction windowFeatures:(WKWindowFeatures*)windowFeatures;
//关闭网页 9.0以后可用
- (void)webViewDidClose:(WKWebView*)webView API_AVAILABLE(macosx(10.11), ios(9.0));
//捕获H5中的Alert行为
- (void)webView:(WKWebView*)webView runJavaScriptAlertPanelWithMessage:(NSString*)message initiatedByFrame:(WKFrameInfo*)frame completionHandler:(void(^)(void))completionHandler;
//捕获H5中的Confirm行为
- (void)webView:(WKWebView*)webView runJavaScriptConfirmPanelWithMessage:(NSString*)message initiatedByFrame:(WKFrameInfo*)frame completionHandler:(void(^)(BOOLresult))completionHandler;
//捕获H5中的TextInput输入框行为
- (void)webView:(WKWebView*)webView runJavaScriptTextInputPanelWithPrompt:(NSString*)prompt defaultText:(nullableNSString*)defaultText initiatedByFrame:(WKFrameInfo*)frame completionHandler:(void(^)(NSString*_Nullableresult))completionHandler;
以上就是WKWebView的简单应用。如果有错误的地方欢迎在下方评论区指出，不同意见大家一起讨论下。万分感谢。
