A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 Simpon 于 2016-10-19 11:36 编辑

          在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];

// KVO回调方法
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSString *,id>*)change context:(void *)context{
    // 获得进度值
    CGFloat progress = [change[NSKeyValueChangeNewKey] floatValue];
    // 显示进度
    .....
}

// 移除KVO
[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的常用属性和方法如上所述,其他的属性和方法在实际开发使用不多,就不再一一列出详解了,只要将上面的掌握了,在实际开发中遇到加载网页文件的需要就不再是一个头痛的问题了。


精华推荐:


2 个回复

倒序浏览
棒!!!
回复 使用道具 举报
多谢分享
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马