WKWebView使用遇到的一些坑

简介

使用WKWebView一段时间,发现它和UIWebView的一些区别之处,有一写遇到的坑,现在对处理方式做了个小总结,现分享给大家.

区别

1.EvaluateJavaScript方法为异步

• UIWebview:

在UIWebView中是同步执行的,直接调用

- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;```

方法返回执行结果

- WKWebView

在```WKWebView```中,改为了```block```的方式进行值返回,并且该方法的执行是异步的

```- (void)evaluateJavaScript:(NSString *)javaScriptString completionHandler:(void (^ __nullable)(__nullable id, NSError * __nullable error))completionHandler;

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

2.cookie设置方式不同

• UIWebView:

通过该方式设置的,为全局的cookie,项目中任意的UIWebView均携带一样的cookie.设置之后不需要做额外的操作.

• WKWebView

网页将不再能获取默认的cookie,如果需要携带cookie,需要做一些操作:

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

2 注入cookie

获取当前的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.

3.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:^{}];

}