WKWebView

1.为什么要使用WKWebView

WKWebView新特性 相比UIWebView
在性能、稳定性、功能方面有很大提升（占有内存比WebView小，
缺点:不支持缓存和NSURLProtocol）；
允许JavaScript的Nitro库加载并使用（UIWebView中限制）；
支持了更多的HTML5特性；
高达60fps的滚动刷新率以及内置手势；
增加estimatedProgress加载进度条；
将UIWebViewDelegate与UIWebView重构成了14类与3个协议（官方文档）；

//商家秘钥
https://b.alipay.com/order/productDetail.htm?productId=2015110218010538

WKWebView Demo

ViewController
import >WebKit/WebKit.h>

@interface ViewController () >WKNavigationDelegate,WKUIDelegate,WKScriptMessageHandler>

@property (nonatomic,strong) WKWebView *webView;

@property (nonatomic,strong) UIProgressView *proView;

@end

@implementation ViewController

• (void)viewDidLoad {
  [super viewDidLoad];
  // Do any additional setup after loading the view, typically from a nib.

  self.proView = [[UIProgressView alloc] initWithProgressViewStyle:UIProgressViewStyleDefault];
  self.proView.hidden = YES;
  self.proView.frame = CGRectMake(0, 64, [UIScreen mainScreen].bounds.size.width, 2);

  WKUserContentController *user = [[WKUserContentController alloc] init];
  [user addScriptMessageHandler:self name:@”testName”];

  WKWebViewConfiguration *con = [[WKWebViewConfiguration alloc] init];
  con.userContentController = user;

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

  self.webView.navigationDelegate = self;

  self.webView.UIDelegate = self;

  [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@”test” ofType:@”html”]]]];

  [self.view addSubview:self.webView];
  [self.view addSubview:self.proView];

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

  //[self.view sendSubviewToBack:self.webView];

  self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:0 target:self action:@selector(click:)];

  //OC —> JS

  //JS —> OC

}

pragma mark - WKScriptMessageHandler
- (void)userContentController:(WKUserContentController )userContentController didReceiveScriptMessage:(WKScriptMessage )message
{
NSLog(@”%@”,message.body);
}

pragma mark - UIDelegate
- (void)webView:(WKWebView )webView runJavaScriptAlertPanelWithMessage:(NSString )message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler
{
UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@”弹出框” message:message delegate:nil cancelButtonTitle:@”ok” otherButtonTitles:nil, nil];

[alertView show];completionHandler();

}

• (void)webView:(WKWebView )webView runJavaScriptConfirmPanelWithMessage:(NSString )message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL result))completionHandler
  {
  UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@”弹出框” message:message delegate:nil cancelButtonTitle:@”ok” otherButtonTitles:nil, nil];

  [alertView show];
  completionHandler(YES);
  }

• (IBAction)click:(id)sender {
  [self.webView evaluateJavaScript:@”testFunc(\”ios 传参数\”)” completionHandler:^(id _Nullable obj, NSError * _Nullable error) {
  //NSLog(@”%@”,obj);
  //obj js返回值
  }];
  }

pragma mark - navigationDelegate

//开始
-(void)webView:(WKWebView )webView didStartProvisionalNavigation:(WKNavigation )navigation
{
//
self.proView.hidden = NO;

[[UIApplication sharedApplication] setNetworkActivityIndicatorVisible:YES];

}

//结束
-(void)webView:(WKWebView )webView didFinishNavigation:(WKNavigation )navigation
{
self.proView.hidden = YES;
[[UIApplication sharedApplication] setNetworkActivityIndicatorVisible:NO];
}

-(void)observeValueForKeyPath:(NSString )keyPath ofObject:(id)object change:(NSDictionary>NSString ,id> )change context:(void )context
{
self.proView.progress = [change[NSKeyValueChangeNewKey] floatValue];
}

//处理是否允许 跳转 www.baidu.com
//- (void)webView:(WKWebView )webView decidePoliTQForNavigationResponse:(WKNavigationResponse )navigationResponse decisionHandler:(void (^)(WKNavigationResponsePoliTQ))decisionHandler
//{
// if([navigationResponse.response.URL.absoluteString hasPrefix:@”https://www.baidu.com“])
// {
// decisionHandler(WKNavigationResponsePoliTQCancel);
// }
// else{
// decisionHandler(WKNavigationResponsePoliTQAllow);
// }
//}

test.html

!DOCTYPE html>
html>
head>
meta charset=”UTF-8”>
title>>/title>

    >style type="text/css">        /*css样式*/        /*标签名{}*/        /*p{            color: red;            font-size: 24px;            background: chartreuse;        }*/        /*id选择器*/        /*#red{            color: red;         }        #blue {            color: blue;        }*/        /*类选择器*/        .clsRed{            color: red;        }        .clsBlue{            color: blue;        }    >/style>    >!--js  swift-->    >script type="text/javascript">          function buttonClick()        {            window.webkit.messageHandlers.testName.postMessage("js 传参");        }        function testFunc(myVar)        {            return "213";            //alert(myVar);            confirm(myVar);        }    >/script>>/head>>body>    >h1>一级标题>/h1>    >p id="red" class="clsRed">啥地方拿数据库费那事了开发那>/p>    >p id="blue" class="clsBlue">asfdasfasfasfafa>/p>    >h2>一级标题>/h2>    >h3>一级标题>/h3>    >h4>一级标题>/h4>    >h5>一级标题>/h5>    >!--超链接   a -->      >a href="http://www.baidu.com">百度>/a>    >!--图片  img-->    >img src="/img/HBuilder.png"/>    >!--按钮  input   事件必须使用 js 代码-->    >input type="button" value="按钮" onclick="buttonClick()"/>>/body>

/html>