swift 之WKWebView

    .加载网页

    WKWebView *webView = [[WKWebView alloc] initWithFrame:[UIScreen mainScreen].bounds];    NSURL *url = [NSURL URLWithString:@"http://www.taobao.com"];            

    NSURLRequest *request = [NSURLRequest requestWithURL:url];

    [webView loadRequest:request];

    [self.view addSubview:webView];

    .常用代理方法
    /**
     *  根据webView、navigationAction相关信息决定这次跳转是否可以继续进行,这些信息包含HTTP发送请求，如头部包含User-Agent,Accept,refer
     *  在发送请求之前，决定是否跳转的代理
     *  @param webView
     *  @param navigationAction
     *  @param decisionHandler
     */- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
        decisionHandler(WKNavigationActionPolicyAllow);
    }/**
     *  这个代理方法表示当客户端收到服务器的响应头，根据response相关信息，可以决定这次跳转是否可以继续进行。
     *  在收到响应后，决定是否跳转的代理
     *  @param webView
     *  @param navigationResponse
     *  @param decisionHandler
     */- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler{
        decisionHandler(WKNavigationResponsePolicyAllow);
    }/**
     *  准备加载页面。等同于UIWebViewDelegate: - webView:shouldStartLoadWithRequest:navigationType
     *
     *  @param webView
     *  @param navigation
     */- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(null_unspecified WKNavigation *)navigation{
    }/**
     *  这个代理是服务器redirect时调用
     *  接收到服务器跳转请求的代理
     *  @param webView
     *  @param navigation
     */- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(null_unspecified WKNavigation *)navigation{
     
    }
     
    - (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(null_unspecified WKNavigation *)navigation withError:(NSError *)error{
     
    }/**
     *  内容开始加载. 等同于UIWebViewDelegate: - webViewDidStartLoad:
     *
     *  @param webView
     *  @param navigation
     */- (void)webView:(WKWebView *)webView didCommitNavigation:(null_unspecified WKNavigation *)navigation{
     
    }/**
     *  页面加载完成。 等同于UIWebViewDelegate: - webViewDidFinishLoad:
     *
     *  @param webView
     *  @param navigation
     */- (void)webView:(WKWebView *)webView didFinishNavigation:(null_unspecified WKNavigation *)navigation{
     
    }/**
     *  页面加载失败。 等同于UIWebViewDelegate: - webView:didFailLoadWithError:
     *
     *  @param webView
     *  @param navigation
     *  @param error      
     */- (void)webView:(WKWebView *)webView didFailNavigation:(null_unspecified WKNavigation *)navigation withError:(NSError *)error{
     
    }
     
    - (void)webViewWebContentProcessDidTerminate:(WKWebView *)webView NS_AVAILABLE(10_11, 9_0){
     
    }
    /*
     我们看看WKUIDelegate的几个代理方法，虽然不是必须实现的，但是如果我们的页面中有调用了js的alert、confirm、prompt方法，我们应该实现下面这几个代理方法，然 后在原来这里调用native的弹出窗，因为使用WKWebView后，HTML中的alert、confirm、prompt方法调用是不会再弹出窗口了，只是转化成ios的native回调代理方法
     */

     #pragma mark - WKUIDelegate
     - (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler{   

      UIAlertController *alertView = [UIAlertController alertControllerWithTitle:@"h5Container" message:message preferredStyle:UIAlertControllerStyleAlert];//  

       [alertView addTextFieldWithConfigurationHandler:^(UITextField * _Nonnull textField) {//        
       textField.textColor = [UIColor redColor];//    
       }];

       [alertView addAction:[UIAlertAction actionWithTitle:@"我很确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
            completionHandler();
        }]];

       [self presentViewController:alertView animated:YES completion:nil];
    }

    .Native调用JS中的方法,WKWebView提供的调用js代码的函数是：
    - (void)evaluateJavaScript:(NSString *)javaScriptString completionHandler:(void (^ __nullable)(__nullable id, NSError * __nullable error))completionHandler;

    比如我们在加载的HTML文件中有如下js代码：
    <script type="text javascript"="">
    function hello(){
    alert("你好！");
    }
    function helloWithName(name){
        alert(name + "，你好！");
    }
    </script type="text>
    
    调用如下代码进行js的调用:
    [_wkView evaluateJavaScript:@"hello()" completionHandler:^(id item, NSError * error) {
 
    }];
     
     [_wkView evaluateJavaScript:@"helloWithName('jack')" completionHandler:^(id item, NSError *error) {
     
    }];

    .JS中调用Naitve的方法,WKWebView自身还提供了一套js调用native的规范,我们可以在初始化WKWebView的时候，给他设置一个config参数:
    //高端配置
    //创建配置
    WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];    //创建UserContentController(提供javaScript向webView发送消息的方法)
    WKUserContentController *userContent = [[WKUserContentController alloc] init];    //添加消息处理，注意：self指代的是需要遵守WKScriptMessageHandler协议，结束时需要移除
    [userContent addScriptMessageHandler:self name:@"NativeMethod"];    //将UserContentController设置到配置文件中
    config.userContentController = userContent;    //高端的自定义配置创建WKWebView
    _wkView = [[YXWKView alloc] initWithFrame:self.view.bounds configuration:config];    NSURL *url = [NSURL URLWithString:@"http://localhost:8080/myDiary/index.html"];    NSURLRequest *request = [NSURLRequest requestWithURL:url];
    [_wkView loadRequest:request];
    _wkView.UIDelegate = self;
    _wkView.navigationDelegate = self;
    [self.view addSubview:_wkView];

    在js可以通过NativeMethod这个Handler让js代码调用native,比如在js代码中，我新增了一个方法:
    <script type="text javascript"="">    
    function invokeNativeMethod(){        
    window.webkit.messageHandlers.NativeMethod.postMessage("我要调用native的方法");
    }
    </script type="text>

    触发以上方法的时候，会在native以下方法中进行拦截处理
    #pragma mark - WKScriptMessageHandler
    - (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{    
        //这里就是使用高端配置，js调用native的处理地方。我们可以根据name和body，进行桥协议的处理。
        NSString *messageName = message.name;    
        if ([@"NativeMethod" isEqualToString:messageName]) {      
          id messageBody = message.body;        
          NSLog(@"%@",messageBody);
        }
    }