聊一聊WKWebView

前言

由于之前一直在用UIWebView,所以对于WKWebView只是停留在知道，了解的状态，并未深入的去研究。前天一个项目要求支持iOS8以上，要加入一个web界面。在习惯性使用UIWebView写到一半的时候，突然想使用WKWebView去实现，所以专门花费了些时间去研究了一下WKWebView，很是喜欢。

正文

接下来纪录一下使用WKWebView的过程细节。但关于WKWebView与js互交的部分保留意见，因为并没有深入去研究这一点。

1、引入WebKit库

Apple方面为使用WKWebView专门添加了WebKit库，在使用WKWebView时候必须引入WebKit库才可以。

#import <WebKit/WebKit.h>

2、初始化WKWebView

在文档中可以看出，WKWebView的初始化方法有两种：

- (instancetype)initWithFrame:(CGRect)frame;

- (instancetype)initWithFrame:(CGRect)frame configuration:(WKWebViewConfiguration *)configuration NS_DESIGNATED_INITIALIZER

- 我们大多使用第一种方式，这也是文档中默认的一种方式。这里不再多说。
- 关于第二种方式，其实就是在初始化WKWebView时，给webView做一个配置，我这里给出一段简单的配置代码：

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

config.preferences = [WKPreferences new];

config.preferences.minimumFontSize = .f;

config.preferences.javaScriptEnabled = YES; //The default value is YES

config.preferences.javaScriptCanOpenWindowsAutomatically = NO;//The default value is NO in iOS and YES in OS X.

//config.preferences.javaEnabled = NO ; //The default value is NO .不在iphone中使用的方法

config.userContentController = [WKUserContentController new];

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

注：其实第一种方式，虽然我们并没有指定初始化的配置，但Apple也为我们指定了一个默认的配置。

3、加载网页

方法有几种，我们常用的是

NSURLRequest *request = [[NSURLRequest alloc]initWithURL:[NSURL URLWithString:@"https://www.baidu.com"]];

[self.webView loadRequest:request];

剩下的几种为：

[self.webView loadHTMLString:(nonnull NSString *) baseURL:(nullable NSURL *)];

[self.webView loadFileURL:(nonnull NSURL *) allowingReadAccessToURL:(nonnull NSURL *)];

[self.webView loadData:(nonnull NSData *) MIMEType:(nonnull NSString *) characterEncodingName:(nonnull NSString *) baseURL:(nonnull NSURL *)];

4、加载js代码

// 图片缩放的js代码

NSString *js = @"var count = document.images.length;for (var i = 0; i < count; i++) {var image = document.images[i];image.style.width=500;image.style.height=600;};window.alert('找到' + count + '张图');";

// 根据JS字符串初始化WKUserScript对象

WKUserScript *script = [[WKUserScript alloc] initWithSource:js injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];

// 根据生成的WKUserScript对象，初始化WKWebViewConfiguration

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

[config.userContentController addUserScript:script];

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

[_webView loadHTMLString:@"<head></head>![](//upload-images.jianshu.io/upload_images/2269924-034fead1cdf2bfe0.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)"baseURL:nil];

[self.view addSubview:_webView];

5、代理

WKWebView的代理有两个：WKNavigationDelegate 和 WKUIDelegate

5.1、 WKNavigationDelegate（加载界面时调用的协议方法）

过程：

1. 在请求发送之前，决定是否跳转
2. 页面开始加载时调用
3. 在收到响应后，决定是否跳转
4. 内容开始加载时调用
5. 接收到服务器跳转请求之后调用（不一定调用该方法）
6. 页面加载完成时调用
7. 请求失败时调用

协议方法如下：

//页面开始加载时调用

- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(null_unspecified WKNavigation *)navigation

{

    NSLog(@"页面开始加载时调用。   2");

}

//内容返回时调用，得到请求内容时调用(内容开始加载) -> view的过渡动画可在此方法中加载

- (void)webView:(WKWebView *)webView didCommitNavigation:( WKNavigation *)navigation

{

    NSLog(@"内容返回时调用，得到请求内容时调用。 4");

}

//页面加载完成时调用

- (void)webView:(WKWebView *)webView didFinishNavigation:( WKNavigation *)navigation

{

    NSLog(@"页面加载完成时调用。 5");

}

//请求失败时调用

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

{

    NSLog(@"error1:%@",error);

}

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

{

    NSLog(@"error2:%@",error);

}

//在请求发送之前，决定是否跳转 -> 该方法如果不实现，系统默认跳转。如果实现该方法，则需要设置允许跳转，不设置则报错。

//该方法执行在加载界面之前

//Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'Completion handler passed to -[ViewController webView:decidePolicyForNavigationAction:decisionHandler:] was not called'

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

{

    //允许跳转

    decisionHandler(WKNavigationActionPolicyAllow);

    //不允许跳转

//    decisionHandler(WKNavigationActionPolicyCancel);

    NSLog(@"在请求发送之前，决定是否跳转。  1");

}

//在收到响应后，决定是否跳转（同上）

//该方法执行在内容返回之前

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

{

    //允许跳转

    decisionHandler(WKNavigationResponsePolicyAllow);

    //不允许跳转

//    decisionHandler(WKNavigationResponsePolicyCancel);

    NSLog(@"在收到响应后，决定是否跳转。 3");

}

//接收到服务器跳转请求之后调用

- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(null_unspecified WKNavigation *)navigation

{

    NSLog(@"接收到服务器跳转请求之后调用");

}

-(void)webViewWebContentProcessDidTerminate:(WKWebView *)webView

{

    NSLog(@"webViewWebContentProcessDidTerminate");

}

5.2、WKUIDelegate

这方面包括：创建新的WebView、界面弹出提示框

创建新的WebView

// 创建一个新的WebView

- (WKWebView *)webView:(WKWebView *)webView createWebViewWithConfiguration:(WKWebViewConfiguration *)configuration forNavigationAction:(WKNavigationAction *)navigationAction windowFeatures:(WKWindowFeatures *)windowFeatures;

界面弹出提示框

系统提供了三种弹出提示框的方法：警告框、确认框、输入框

直接查看代码如下：

//警告框

/**

 webView界面中有弹出警告框时调用

 @param webView             web视图调用委托方法

 @param message             警告框提示内容

 @param frame               主窗口

 @param completionHandler   警告框消失调用

 */

- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler

{

    completionHandler();

    NSLog(@"警告框");

}

//输入框

/**

 web界面中弹出输入框时调用

 @param webView             web视图调用委托方法

 @param prompt              输入消息的显示

 @param defaultText         初始化时显示的输入文本

 @param frame               主窗口

 @param completionHandler   输入结束后调用

 */

-(void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(NSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString * _Nullable))completionHandler

{

    NSLog(@"输入框");

    completionHandler(@"http");

}

//确认框

/**

 显示一个JavaScript确认面板

 @param webView             web视图调用委托方法

 @param message             显示的信息

 @param frame               主窗口

 @param completionHandler   确认后完成处理程序调用

 */

-(void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL))completionHandler

{

    NSLog(@"确认框");

    completionHandler(YES);

}

以上就是WKWebView基本使用方法，其他的不做扩展和补充。也许以后再深入研究时，会有不一样的看法，到时再做推翻或补充。

以下是个人的一点看法：

1. WKWebView是在iOS8之后出现的新的网页加载控件，将来也必将取代UIWebView，这是毋庸置疑的事情。
2. 关于项目优化方面：其实很多人建议在项目中添加WKWebView去替代UIWebView。以未来的发展趋势来看，这点无可厚非。

我下面想说的是站在老项目并且其中内嵌网页比较多的立场的，iOS8以上使用WKWebView，iOS8以下使用UIWebView。这是目前解决方案的好办法。但维护和优化都需要成本，时间也是成本的一部分。

这里给出几个讲解<code>WKWebView</code>的

聊聊WKWebView的更多相关文章

  1. WKWebView针对于Cordova的IOS平台性能提升

    使用cordova做跨平台开发已久,针对于Android的性能与页面渲染问题仍然让人头疼,因为仍然有一部分人使用性能一般的手机,版本在 4.2-4.4之间,甚至都无法支持HTML5的flex布局,使得 ...

  2. 聊聊Unity项目管理的那些事：Git-flow和Unity

    0x00 前言 目前所在的团队实行敏捷开发已经有了一段时间了.敏捷开发中重要的一个话题便是如何对项目进行恰当的版本管理.项目从最初使用svn到之后的Git One Track策略再到现在的GitFlo ...

  3. Mono为何能跨平台？聊聊CIL(MSIL)

    前言: 其实小匹夫在U3D的开发中一直对U3D的跨平台能力很好奇.到底是什么原理使得U3D可以跨平台呢?后来发现了Mono的作用,并进一步了解到了CIL的存在.所以,作为一个对Unity3D跨平台能力 ...

  4. fir.im Weekly - 聊聊 Google 开发者大会

    中国互联网的三大错觉:索尼倒闭,诺基亚崛起,谷歌重返中国.12月8日,2016 Google 开发者大会正式发布了Google Developers 中国网站 ,包含了Android Develope ...

  5. 聊聊asp.net中Web Api的使用

    扯淡 随着app应用的崛起,后端服务开发的也越来越多,除了很多优秀的nodejs框架之外,微软当然也会在这个方面提供更便捷的开发方式.这是微软一贯的作风,如果从开发的便捷性来说的话微软是当之无愧的老大 ...

  6. 没有神话，聊聊decimal的“障眼法”

    0x00 前言 在上一篇文章<妥协与取舍,解构C#中的小数运算>的留言区域有很多朋友都不约而同的说道了C#中的decimal类型.事实上之前的那篇文章的立意主要在于聊聊使用二进制的计算机是 ...

  7. WKWebView浅析

    原文链接:supermokey WKWebView 一个WKWebView对象展示交互的web内容,例如应用于app内的浏览器.你可以在你的App中使用WKWebView. 综述 Important: ...

  8. iOS网络3—UIWebView与WKWebView使用详解

    一.整体介绍 UIWebView自iOS2就有,WKWebView从iOS8才有,毫无疑问WKWebView将逐步取代笨重的UIWebView.通过简单的测试即可发现UIWebView占用过多内存,且 ...

  9. 聊聊 C 语言中的 sizeof 运算

    聊聊 sizeof 运算 在这两次的课上,同学们已经学到了数组了.下面几节课,应该就会学习到指针.这个速度的确是很快的. 对于同学们来说,暂时应该也有些概念理解起来可能会比较的吃力. 先说一个概念叫内 ...

随机推荐

  1. 二、Laya学习笔记 ---- Laya中如何新建一个场景UI并使用

    因为我之前是用Egret的,Egret是场景皮肤HomeSceneSkin.exml,然后在场景代码HomeScene代码中为该场景赋值皮肤this.skinName = "HomeScen ...

  2. SQL Server2008 R2 安装失败后的解决办法

    当你第一次安装SQL Server2005,SQL Server2008,SQL Server2012失败后,第二次重新安装一般还是容易安装失败,原因就是你没有完全卸载,还存留残留文件和注册表. 我安 ...

  3. Python 基础知识（一）

    1.Python简介 1.1.Python介绍 python的创始人为吉多·范罗苏姆(Guido van Rossum).1989年的圣诞节期间,吉多·范罗苏姆(中文名字:龟叔)为了在阿姆斯特丹打发时 ...

  4. 记一次centos7内核可能意外丢失（测试直接干掉）恢复方法

    本次是虚拟机装的centos7的内核不知原因以外丢失造成无法开机,开机显示找不到内核! 恢复方法: 挂载新的ISO文件,然后进入bios选择dvd启动. 启动后进入Troublesshooting,然 ...

  5. eclipse+gnuarm+使用报错

    Description Resource Path Location TypeProgram "echo" not found in PATH stm32 Project Prop ...

  6. MySQL ·InnoDB 文件系统之文件物理结构

    从上层的角度来看,InnoDB层的文件,除了redo日志外,基本上具有相当统一的结构,都是固定block大小,普遍使用的btree结构来管理数据.只是针对不同的block的应用场景会分配不同的页类型. ...

  7. python3学习笔记(2)_list-tuple

    # !/usr/bin/env python3 # -*- coding:utf-8 -*_ #list 和 tuple #list 是有序集合,可以用索引(下标)访问lsit中的每一个元素 #最后一 ...

  8. Spring Data 介绍 （一）

    简介 Spring Data是什么 Spring Data是一个用于简化数据库访问,并支持云服务的开源框架.其主要目标是使得对数据的访问变得方便快捷 Spring Data JPA能干什么 可以极大的 ...

  9. LightOj 1265 - Island of Survival（概率）

    题目链接:http://lightoj.com/volume_showproblem.php?problem=1265 题目大意:有一个生存游戏,里面t只老虎,d只鹿,还有一个人,每天都要有两个生物碰 ...

  10. 1分钟了解协同过滤，pm都懂了

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/z50L2O08e2u4afToR9A/article/details/79565720 projec ...