wkwebview与js通信学习总结(一)

首先，wkwebview和uiwebview不同，是无法支持javascriptcore的。

wkwebview同uiwebview的不同点归总：

• EvaluateJavaScript方法为异步

1. - UIWebview: 中是同步执行的,直接调用 - (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;方法返回执行结果
2. - WKWebView改为了```block```的方式进行值返回,并且该方法的执行是异步的- (void)evaluateJavaScript:(NSString *)javaScriptString completionHandler:(void (^ __nullable)(__nullable id, NSError * __nullable error))completionHandler;

延伸:执行JS方法的使用场景之一,就是获取当前webview的title,```WKWebView```提供了新属性title,如果是想获取title,可以直接使用```WKWebView```的title属性.

• cookie设置方式不同
  

1. - UIWebView:NSHTTPCookieStorage *storage = [NSHTTPCookieStorage sharedHTTPCookieStorage];[storage setCookie:cookieKey value:cookieValue];通过该方式设置的,为全局的cookie,项目中任意的```UIWebView```均携带一样的cookie.设置之后不需要做额外的操作.
2. - WKWebView网页将不再能获取默认的cookie,如果需要携带cookie,需要做一些操作:

             初始化cookie, ```NSString *cookie =  @"document.cookie='cookieKey=cookieValue'";```
             注入cookie

             获取当前的userContentController WKUserContentController *userContentController = self.wkWebView.configuration.userContentController;

             注入scrpit: WKUserScript *script = [[WKUserScript alloc] initWithSource:cookieValue injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:NO];

            [userContentController addUserScript:script];

注意：注入script时参数indectionTime有两个可选项```WKUserScriptInjectionTimeAtDocumentStart```和```WKUserScriptInjectionTimeAtDocumentEnd```,

我们看一下官方文档对于这两个选项的解释:

```WKUserScriptInjectionTimeAtDocumentStart``` : 注入时机为document的元素生成之后,其他内容load之前.

```WKUserScriptInjectionTimeAtDocumentEnd``` : 注入时机为document全部load完成,任意子资源load完成之前.

一般情况下,如果想尽早注入cookie,在```WKUserScriptInjectionTimeAtDocumentStart```时完成即可,但是有一种特殊情况,即目前的诊疗圈为后端渲染,数据请求依赖cookie中的```sessionKey```,而前端页面的元素依赖后端返回的数据,因此,有一个问题,即cookie是在页面元素生成之后注入的,而在这之前,后端需要获取cookie,那么应该怎么办呢??

     在requestHeader内注入cookie

     NSString *cookie =  @"cookieKey1=cookieValue1;cookieKey2=cookieValue2";```

     [mutableRequest addValue:cookie forHTTPHeaderField:@"Cookie"];

     这样在网络请求开始时,requestHeader将携带cookie.

• WKWebView默认禁止了一些跳转

     - UIWebView 打开ituns.apple.com跳转到appStore, 拨打电话, 唤起邮箱等一系列操作UIWebView默认支持的.

    - WKWebView默认禁止了以上行为,除此之外,js端通过```window.open()```打开新的网页的动作也被禁掉了.

如何支持呢?

######可以跳转appStore或者拨号

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

if(webView != self.wkWebView) {

decisionHandler(WKNavigationActionPolicyAllow);

return;

}

UIApplication *app = [UIApplication sharedApplication];

if ([url.scheme isEqualToString:@"tel"])

{

if ([app canOpenURL:url])

{

[app openURL:url];

decisionHandler(WKNavigationActionPolicyCancel);

return;

}

}

if ([url.absoluteString containsString:@"ituns.apple.com"])

{

if ([app canOpenURL:url])

{

[app openURL:url];

decisionHandler(WKNavigationActionPolicyCancel);

return;

}

}

decisionHandler(WKNavigationActionPolicyAllow);

}

######支持window.open()

需要打开新界面是,WKWebView的代理```WKUIDelegate```方法

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

会拦截到window.open()事件.

只需要我们在在方法内进行处理

if (!navigationAction.targetFrame.isMainFrame) {

[webView loadRequest:navigationAction.request];

}

######支持alert()

WKWebView默认不响应js的alert()事件,如何可以开启alert权限呢?

代理```WKUIDelegate```方法

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

将会获取到alert的信息,但是不会弹出alert.

在方法内部

[alertController addAction:[UIAlertAction actionWithTitle:@"OK"

style:UIAlertActionStyleCancel

handler:^(UIAlertAction *action) {

completionHandler();

}]];

if ([self.delegate isKindOfClass:[UIViewController class]]) {

UIViewController *controller = (UIViewController *)self.delegate;

[controller presentViewController:alertController animated:YES completion:^{}];

}