简单说说iOS之WKWebView的用法小结

<h1 style="text-align:center;background-color: #e6b500;wdith:100px;height:40px">欢迎来到JS世界</h1> <p style="text-align:center"> <a href="github://callName_?https://github.com/wslcmk" rel="external nofollow" >Github主页</a> ：截获URL调用OC</p><p style="text-align:center"> <a href="http://192.168.0.116/monkey/iOS-URNetworking/commits/master" rel="external nofollow" >GitLab主页</a> </p><p style="text-align:center"> <button id="btn1" type = "button" onclick = "jsToOcFunctionOne()" > JS调用OC->不带参数 </button> </p><p style="text-align:center"> <button id="btn2" type = "button" onclick = "jsToOcFunctionTwo()"> JS调用OC->带参数 </button> </p><p style="text-align:center"> <button id="btn3" type = "button" onclick = "showAlert()" > oc捕获到html的弹出框 </button> </p><!--    JS语法--><script type = "text/javascript">  function jsToOcFunctionOne(){  window.webkit.messageHandlers.jsToOcNoPrams.postMessage({});}function jsToOcFunctionTwo(){  window.webkit.messageHandlers.jsToOcWithPrams.postMessage({"params":"我是JS参数"});}function showAlert(){  alert("我来自JS世界，被你发现了");}//改变背景色function changeBgColor(){  document.body.style.backgroundColor = randomColor();}

//  KVO监听：获取进度并显示 获取标题并显示  [self.webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];  [self.webView addObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNew context:nil];#pragma mark - KVO- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context{  if ([keyPath isEqualToString:@"title"]&&object == _webView) {    self.title = _webView.title;  }else if ([keyPath isEqualToString:@"estimatedProgress"]       && object == _webView)  {    self.progressView.progress = _webView.estimatedProgress;    if (_webView.estimatedProgress >= 1.0f) {      dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)),             dispatch_get_main_queue(), ^{               self.progressView.progress = 0;             });    }  }}

#pragma mark -- WKNavigationDelegate  WKNavigationDelegate主要处理一些跳转、加载处理操作// 根据WebView对于即将跳转的HTTP请求头信息和相关信息来决定是否跳转- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {    NSString * urlStr = navigationAction.request.URL.absoluteString;  NSLog(@"发送跳转请求：%@",urlStr);  //自己定义的协议头  NSString *htmlHeadString = @"github://";  if([urlStr hasPrefix:htmlHeadString]){    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"通过截取URL调用OC" message:@"前往Github?" preferredStyle:UIAlertControllerStyleAlert];    [alertController addAction:([UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {          }])];    [alertController addAction:([UIAlertAction actionWithTitle:@"打开" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {      NSURL * url = [NSURL URLWithString:[urlStr stringByReplacingOccurrencesOfString:@"github://callName_?" withString:@""]];      [[UIApplication sharedApplication]canOpenURL:url];    }])];    [self presentViewController:alertController animated:YES completion:nil];    decisionHandler(WKNavigationActionPolicyCancel);  }else{    decisionHandler(WKNavigationActionPolicyAllow);  }}

#pragma mark -- WKUIDelegate WKUIDelegate主要处理JS脚本，确认框，警告框等- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler {  UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"JS-alert-Action" message:message?:@"" preferredStyle:UIAlertControllerStyleAlert];  [alertController addAction:([UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {    completionHandler();  }])];  [self presentViewController:alertController animated:YES completion:nil];}

#pragma mark -navigationItem Action- (void)ocToJs{  // changeColor()是JS方法名  NSString *jsString = [NSString stringWithFormat:@"changeBgColor()"];  [_webView evaluateJavaScript:jsString completionHandler:^(id _Nullable data, NSError * _Nullable error) {      }];}

//创建网页配置对象    WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];    WKUserContentController * wkUController = [[WKUserContentController alloc] init];    //注册一个name为jsToOcNoPrams的js方法 设置处理接收JS方法的对象    [wkUController addScriptMessageHandler:self name:@"jsToOcNoPrams"];    [wkUController addScriptMessageHandler:self name:@"jsToOcWithPrams"];    config.userContentController = wkUController;

#pragma mark - 通过接收JS传出消息的name进行捕捉的回调方法- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{  NSLog(@"name:%@////n body:%@////n frameInfo:%@////n",message.name,message.body,message.frameInfo);  //用message.body获得JS传出的参数体  NSDictionary * parameter = message.body;  //JS调用OC  if([message.name isEqualToString:@"jsToOcNoPrams"]){    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"js调用到了oc" message:@"不带参数" preferredStyle:UIAlertControllerStyleAlert];    [alertController addAction:([UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {    }])];    [self presentViewController:alertController animated:YES completion:nil];      }else if([message.name isEqualToString:@"jsToOcWithPrams"]){    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:@"js调用到了oc" message:parameter[@"params"] preferredStyle:UIAlertControllerStyleAlert];    [alertController addAction:([UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {    }])];    [self presentViewController:alertController animated:YES completion:nil];  }  }