WKWebView

注意点: WKWebView只支持iOS8以上且不支持xib,切勿使用xib进行拖拽

WKWebview 优势:

1.更多的支持HTML5的特性

2.官方宣称的高达60fps的滚动刷新率以及内置手势

3.将UIWebViewDelegate与UIWebView拆分成了14类与3个协议,以前很多不方便实现的功能得以实现。文档

4.Safari相同的JavaScript引擎

5.占用更少的内存

基本使用方法:

WKWebView有两个delegate,WKUIDelegate和WKNavigationDelegate。WKNavigationDelegate主要处理一些跳转、加载处理操作，WKUIDelegate主要处理JS脚本，确认框，警告框等。

#import <WebKit/WebKit.h>

@interface ZebWebViewController()<WKNavigationDelegate,WKUIDelegate,WKScriptMessageHandler>

@property (nonatomic, strong) UIProgressView *progressView;

@property (nonatomic,strong) WKWebView *wkwebView;

@end

@implementation ZebWebViewController

- (void)viewDidLoad {

[super viewDidLoad];

[self SetUI];

}

-(void)SetUI{

[self setWKWebView];

[self setUIProgressView];

}

#pragma mark webview初始化

-(void)setWKWebView{

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

// 不开有视频就不能播放

config.allowsInlineMediaPlayback=YES;

config.preferences=[[WKPreferences alloc]init];

// 最小字体为10号

config.preferences.minimumFontSize = 10;

config.preferences.javaScriptEnabled = YES;

// 默认是不能通过JS自动打开窗口的，必须通过用户交互才能打开

config.preferences.javaScriptCanOpenWindowsAutomatically =YES;

// 通过js与webview内容交互配置

config.userContentController=[[WKUserContentController alloc]init];

// 添加一个名称，在JS通过这个名称发送消息

[config.userContentController addScriptMessageHandler:self name:@"GetTKL"];

self.wkwebView = [[WKWebView alloc] initWithFrame:self.webviewSupView.bounds configuration:config];

self.wkwebView.navigationDelegate=self;

self.wkwebView.UIDelegate=self;

//允许右滑返回上个链接，左滑前进

self.wkwebView.allowsBackForwardNavigationGestures = YES;

//允许链接3D Touch

self.wkwebView.allowsLinkPreview = YES;

[self.wkwebView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:[ZebUserInfo sharedInstance].userShoppingMallUrl]]];

[self.webviewSupView addSubview:self.wkwebView];

[self.wkwebView mas_makeConstraints:^(MASConstraintMaker *make) {

make.left.mas_equalTo(0);

make.top.mas_equalTo(0);

make.right.mas_equalTo(0);

make.bottom.mas_equalTo(0);

}];

}

#pragma mark UIProgressView初始化

-(void)setUIProgressView{

//进度条初始化

self.progressView = [[UIProgressView alloc] initWithFrame:CGRectMake(0, 0, KDeviceWidth, 2)];

self.progressView.backgroundColor = [UIColor whiteColor];

self.progressView.progressTintColor = [FSColor mainColor];

self.progressView.trackTintColor = [UIColor clearColor];

//设置进度条的高度，下面这句代码表示进度条的宽度变为原来的1倍，高度变为原来的1.5倍.

self.progressView.transform = CGAffineTransformMakeScale(1.0f, 1.5f);

[self.webviewSupView addSubview:self.progressView];

@weakify(self)

[RACObserve(self.wkwebView, estimatedProgress) subscribeNext:^(id x) {

self_weak_.progressView.progress = self_weak_.wkwebView.estimatedProgress;

if (self_weak_.progressView.progress == 1) {

/*

*添加一个简单的动画，将progressView的Height变为1.4倍，在开始加载网页的代理中会恢复为1.5倍

*动画时长0.25s，延时0.3s后开始动画

*动画结束后将progressView隐藏

*/

[UIView animateWithDuration:0.25f delay:0.3f options:UIViewAnimationOptionCurveEaseOut animations:^{

self_weak_.progressView.transform = CGAffineTransformMakeScale(1.0f, 1.4f);

} completion:^(BOOL finished) {

self_weak_.progressView.hidden = YES;

}];

}}];

}

#pragma mark 代理

- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{

//此处可以得到之前配置项注入的名称，并且可以携带数据，json对象或者json字串等~

if ([message.name isEqualToString:@"GetTKL"]) {

NSDictionary *dict=message.body;

NSArray *Arr=dict[@"data"];

ZEBLog(@"js调用oc---------begin--------");

if (Arr.count>0) {

dispatch_sync(dispatch_get_main_queue(), ^{

[MBProgressHUD showSuccess:@"复制成功!"];

});

}

[ZebUserInfo sharedInstance].shareDocument=[NSString stringWithFormat:@"%@",Arr[0]];

UIPasteboard *pasteboard = [UIPasteboard generalPasteboard];

pasteboard.string = [ZebUserInfo sharedInstance].shareDocument;

ZEBLog(@"js调用oc---------The End-------");

}

}

//在发送请求之前，决定是否跳转

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

ZEBLog(@"在发送请求之前，决定是否跳转:%@",navigationAction.request.URL);

self.currentURL = webView.URL.absoluteString;

decisionHandler(WKNavigationActionPolicyAllow);

}

//开始加载

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

ZEBLog(@"开始加载网页");

//开始加载网页时展示出progressView

self.progressView.hidden = NO;

//开始加载网页的时候将progressView的Height恢复为1.5倍

self.progressView.transform = CGAffineTransformMakeScale(1.0f, 1.5f);

//防止progressView被网页挡住

[self.view bringSubviewToFront:self.progressView];

}

//在收到响应后，决定是否跳转

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

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

decisionHandler(WKNavigationResponsePolicyAllow);

}

// 当内容开始返回时调用

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

ZEBLog(@"内容开始返回");

}

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

ZEBLog(@"加载完成");

//加载完成后隐藏progressView

self.progressView.hidden = YES;

}

//加载失败

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

ZEBLog(@"加载失败");

//加载失败同样需要隐藏progressView

self.progressView.hidden = YES;

}

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

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

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

}

- (void)dealloc {

// VC销毁时，移除交互对象

[self.wkwebView.configuration.userContentController removeScriptMessageHandlerForName:@"GetTKL"];

}

@end