【iOS技术分享】一篇文章带你搞定WKWebView基本使用 - 黑马程序员技术交流社区

在iOS开发中，如果被问到要加载一个网页文件，你会使用哪种技术时？我想大多数人的回答都应该是一样的，那就是使用UIWebView直接加载就可以。这个回答没有错，在iOS8.0之前，加载网页文件确实都是使用UIWebView,而且还没得选择。UIWebView的用法非常简单，就算没有经验的开发者也很快就能熟练使用它来加载网页文件。所以今天我就不介绍UIWebView怎么使用了，今天的主角是：WKWebView。在讲解WKWebView如何使用之前，我先给大家说说关于UIWebView存在的问题以及为什么要给大家介绍WKWebView？

但凡使用过UIWebView加载网页文件的开发者都会发现这样一个问题：加载文件之后，应用占据的内存飙升了很多，特别是网页文件比较大时，这个问题尤为突出。一言不和就导致了内存泄露了。而且UIWebView加载网页的速度慢，性能差。更让开发者难易忍受的是，官方对这些问题并没有提供很好的解决方案，网上存在各种对UIWebView的优化文章，但都只是治标不治本，依然无法解决根本性问题。不少开发者都跟苹果官方反馈过关于UIWebView存在的上述问题，但官方一直保持沉默，不作任何回应也没有对UIWebView存在的问题进行处理。

直到iOS8.0开始，也是迫于开发者的各种吐槽的压力，官网推出了一个全新的类WKWebView,从名字上看，这个类和UIWebView仅仅是前缀不一样。它就是官网用来带代替UIWebView而产生。UIWebView有的功能，WKWebView完全具备，WKWebView有的功能，UIWebView未必有。最值得高兴的是WKWebView加载网页文件占据的内存比UIWebView少了将近10倍，在性能上也比UIWebView高了好几个等级。所以官方建议我们开发者，为了减少不必要的内存开销以及性能的提升，能使用WKWebView的地方就不要再使用UIWebView了。不少初学者看到这里可能会在脑海里有这样想法，这么牛逼的类的是不是使用起来很繁琐呢？我很负责任的告诉你，这个类的用法跟UIWebView非常非常的像，下面让我来给大家演示关于它的用法，让大家可以快速上手WKWebView的使用。

导入框架：WebKit.framework
导入头文件：<WebKit/WebKit.h>

· 创建WKWebView对象，并添加到控制器的view上

[Objective-C] 纯文本查看 复制代码

    //创建WKWebView

   WKWebView *webView = [[WKWebView alloc]init];

    // 设置位置和尺寸

   webView.frame = self.view.bounds;

    // 添加到控制器的view上

   [self.viewaddSubview:webView];

· 加载网页文件

[Objective-C] 纯文本查看 复制代码

    //网页文件全路径

    NSString*filePath = [[NSBundle mainBundle] pathForResource:@"help.html" ofType:nil];

    // 创建URL对象：指定要加载资源的路径

   NSURL *URL = [NSURL fileURLWithPath:filePath];

    // 创建请求对象

   NSURLRequest *request = [NSURLRequest requestWithURL:URL];

    // 加载网页文件

   [webView loadRequest:request];

· 监听网页加载过程：通过设置代理，实现对应的代理方法

[Objective-C] 纯文本查看 复制代码

  // 设置导航代理

  webView.navigationDelegate = self;

· 导航代理常用方法如下

[Objective-C] 纯文本查看 复制代码

#pragma mark - WKNavigationDelegate 代理方法

/**

*  每当加载一个请求之前会调用该方法，通过该方法决定是否允许或取消请求的发送

*

*  @param navigationAction 导航动作对象

*  @param decisionHandler  请求处理的决定

*/

- (void)webView:(WKWebView*)webView decidePolicyForNavigationAction:(WKNavigationAction*)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler{

    // 获得协议头(可以自定义协议头，根据协议头判断是否要执行跳转)

   NSString *scheme = navigationAction.request.URL.scheme;

   if ([scheme isEqualToString:@"itheima"]) {

        // decisionHandler 对请求处理回调

        //WKNavigationActionPolicyCancel:取消请求

        //WKNavigationActionPolicyAllow:允许请求

        decisionHandler(WKNavigationActionPolicyCancel);

       return;

   }

    decisionHandler(WKNavigationActionPolicyAllow);

}

/**

*  当开始发送请求时调用

*/

- (void)webView:(WKWebView*)webView didStartProvisionalNavigation:(null_unspecifiedWKNavigation *)navigation {

       NSLog(@"%s", __FUNCTION__);

}

/**

*  当请求过程中出现错误时调用

*/

- (void)webView:(WKWebView*)webView didFailNavigation:(WKNavigation*)navigation withError:(NSError *)error {

   NSLog(@"%@= %s",error, __FUNCTION__);

}

/**

*  当开始发送请求时出错调用

*/

- (void)webView:(WKWebView*)webView didFailProvisionalNavigation:(WKNavigation*)navigation withError:(NSError *)error {

   NSLog(@"%@= %s",error, __FUNCTION__);

}

/**

*  每当接收到服务器返回的数据时调用，通过该方法可以决定是否允许或取消导航

*/

- (void)webView:(WKWebView*)webView decidePolicyForNavigationResponse:(WKNavigationResponse*)navigationResponse decisionHandler:(void(^)(WKNavigationResponsePolicy))decisionHandler{

    //decisionHandler 对响应的处理

    //WKNavigationActionPolicyCancel:取消响应

    //WKNavigationActionPolicyAllow:允许响应

    decisionHandler(WKNavigationResponsePolicyAllow);

}

/**

*  当收到服务器返回的受保护空间(证书)时调用

*  @param challenge         安全质询-->包含受保护空间和证书

*  @param completionHandler 完成回调-->告诉服务器如何处置证书

*/

- (void)webView:(WKWebView*)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge*)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential *__nullablecredential))completionHandler {

    // 创建凭据对象

    NSURLCredential *credential = [NSURLCredential credentialForTrust:challenge.protectionSpace.serverTrust];

    // 告诉服务器信任证书

    completionHandler(NSURLSessionAuthChallengeUseCredential,credential);

}

/**

*  当网页加载完毕时调用：该方法使用最频繁

*/

- (void)webView:(WKWebView*)webView didFinishNavigation:(null_unspecifiedWKNavigation *)navigation {

    // js 代码

    NSString*jsCode = [NSString stringWithFormat:@"window.location.href='#howtorecharge'"];

    // 可以在这个方法执行JS代码

   [webView evaluateJavaScript:jsCode completionHandler:^(id_Nullable result, NSError* _Nullable error) {

       NSLog(@"执行完毕JS代码");

   }];

}

· 监听网页加载的进度并获得进度值

[Objective-C] 纯文本查看 复制代码

     // 使用KVO监听网页加载进度

    [webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];

- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id>*)change context:(void *)context{

CGFloat progress = [change[NSKeyValueChangeNewKey] floatValue];

[self.webViewremoveObserver:self forKeyPath:@"estimatedProgress"];

· 修改网页字体大小：创建 WKWebView 对象时使用一个配置对象初始化

[Objective-C] 纯文本查看 复制代码

   //创建网页配置对象

    WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];

    // 创建设置对象

   WKPreferences *preference = [[WKPreferences alloc]init];

    // 设置字体大小(最小的字体大小)

   preference.minimumFontSize = 40;

    // 设置偏好设置对象

   config.preferences = preference;

    // 创建WKWebView

   WKWebView *webView = [[WKWebView alloc]initWithFrame:self.view.bounds  configuration:config];

总结：关于WKWebView的常用属性和方法如上所述，其他的属性和方法在实际开发使用不多，就不再一一列出详解了，只要将上面的掌握了，在实际开发中遇到加载网页文件的需要就不再是一个头痛的问题了。