iOS8 无缝切换WKWebView，借鉴IMYWebview，解决进度条，cookie，本地页面等问题

webkit使用WKWebView来代替IOS的UIWebView和OSX的WebView，并且使用Nitro JavaScript引擎，这意味着所有第三方浏览器运行JavaScript将会跟safari一样快。

第一、WKWebView增加的属性和方法
类比UIWebView，跟UIWebView的API对比，
增加的属性：
1、estimatedProgress 加载进度条，在IOS8之前我们是通过一个假的进度条来实现
2、backForwardList 表示historyList
3、WKWebViewConfiguration *configuration; 初始化webview的配置
增加的方法：
1、- (instancetype)initWithFrame:(CGRect)frame configuration:(WKWebViewConfiguration *)configuration 
初始化
3、(WKNavigation *)goToBackForwardListItem:(WKBackForwardListItem *)item; 
跳到历史的某个页面
第二、相同的属性和方法
goBack、goForward、canGoBack、canGoForward、stopLoading、loadRequest、scrollView
第三、被删去的属性和方法：
1、- (NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;
在跟js交互时，我们使用这个API，目前WKWebView完档没有给出实现类似功能的API
2、无法设置缓存
在UIWebView，使用NSURLCache缓存，通过setSharedURLCache可以设置成我们自己的缓存，但WKWebView不支持NSURLCache
第四、delegate方法的不同
UIWebView支持的代理是UIWebViewDelegate，WKWebView支持的代理是WKNavigationDelegate和WKUIDelegate
WKNavigationDelegate主要实现了涉及到导航跳转方面的回调方法
WKUIDelegate主要实现了涉及到界面显示的回调方法：如WKWebView的改变和js相关内容
具体来说WKNavigationDelegate除了有开始加载、加载成功、加载失败的API外，还具有额外的三个代理方法：
1、- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation
这个代理是服务器redirect时调用
2、- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler
这个代理方法表示当客户端收到服务器的响应头，根据response相关信息，可以决定这次跳转是否可以继续进行。
3.- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler

根据webView、navigationAction相关信息决定这次跳转是否可以继续进行,这些信息包含HTTP发送请求，如头部包含User-Agent,Accept

个人补充：

无缝切换网页：  https://github.com/li6185377/IMYWebView/tree/master/IMYWebView

切换是遇到的坑：进度条的问题／cookie／ios8.0加载本地网页的处理！

/**

*  将文件copy到tmp目录（wk打开本地网页的解决方法 8.0）wkwebview8.0系统，不支持加载本地html页面，所以需要用以下方法修复！！

*

*  @param fileURL fileURL

*

*  @return

*/

- (NSURL *)fileURLForBuggyWKWebView8:(NSURL *)fileURL {

NSError *error = nil;

if (!fileURL.fileURL || ![fileURL checkResourceIsReachableAndReturnError:&error]) {

return nil;

}

// Create "/temp/www" directory

NSFileManager *fileManager= [NSFileManager defaultManager];

NSURL *temDirURL = [[NSURL fileURLWithPath:NSTemporaryDirectory()] URLByAppendingPathComponent:@"www"];

[fileManager createDirectoryAtURL:temDirURL withIntermediateDirectories:YES attributes:nil error:&error];

// 取到本地html后的锚点

NSString *lastPathComponent = [[fileURL.absoluteString componentsSeparatedByString:@"/"] lastObject];

NSURL *dstURL = [NSURL URLWithString:[temDirURL.absoluteString stringByAppendingString:lastPathComponent]];

// Now copy given file to the temp directory

[fileManager removeItemAtURL:dstURL error:&error];

[fileManager copyItemAtURL:fileURL toURL:dstURL error:&error];

// Files in "/temp/www" load flawlesly :)

return dstURL;

}

/**

*  打开本地网页

*

*  @param url

*/

- (void)loadLocalPath:(NSString *)path {

if(path){

if ([[UIDevice currentDevice].systemVersion floatValue] >= 9.0) {

// iOS9. One year later things are OK.

NSURL *fileURL = [NSURL URLWithString:[NSString stringWithFormat:@"file://%@",path]];

[self loadRequest:[NSURLRequest requestWithURL:fileURL]];

} else if ([[UIDevice currentDevice].systemVersion floatValue] < 8.0) {

// iOS8.0 以下的 走普通UIWebview

NSURL *fileURL = [NSURL URLWithString:[NSString stringWithFormat:@"file://%@",path]];

NSURLRequest *request = [NSURLRequest requestWithURL:fileURL];

[self loadRequest:request];

} else {

// iOS8. Things can be workaround-ed

//   Brave people can do just this

//   fileURL = try! pathForBuggyWKWebView8(fileURL)

//   webView.loadRequest(NSURLRequest(URL: fileURL))

NSURL *fileURL = [self fileURLForBuggyWKWebView8:[NSURL URLWithString:[NSString stringWithFormat:@"file://%@",path]]];

NSURLRequest *request = [NSURLRequest requestWithURL:fileURL];

[self loadRequest:request];

}

}

}

cookie的添加：

wkwebview 和http不共享cookie，所以在请求的时候拿不到cookie！

 

 

所以在loadRequset的时候需要给请求设置cookie

{

        NSMutableURLRequest *requestNew = [NSMutableURLRequest requestWithURL:request.URL];

        [requestNew addValue:[YZTWebView readCurrentCookie:request.URL] forHTTPHeaderField:@"Cookie"];

        return [(WKWebView *)self.realWebView loadRequest:requestNew];

}

 

但是还存在一个问题，cookie只会设置一次，假如网页间的跳转用到了ajax，这样cookie就会失效，需要需要在wk的didFinishNavigation方法中手动编写js代码去设置cookie！

还需要注意的问题就是js写的cookie需要设定path。path不同的话cookie也设置不了！

/**

 *  wkwebview 加载完成

 */

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {

    

    //取出cookie

    NSHTTPCookieStorage *cookieStorage = [NSHTTPCookieStorage sharedHTTPCookieStorage];

    //js函数

    NSString *JSFuncString =

    @"function setCookie(name,value,expires)\

    {\

    var oDate=new Date();\

    oDate.setDate(oDate.getDate()+expires);\

    document.cookie=name+'='+value+';expires='+oDate+';path=/'\

    }\

    function getCookie(name)\

    {\

    var arr = document.cookie.match(new RegExp('(^| )'+name+'=([^;]*)(;|$)'));\

    if(arr != null) return unescape(arr[2]); return null;\

    }\

    function delCookie(name)\

    {\

    var exp = new Date();\

    exp.setTime(exp.getTime() - 1);\

    var cval=getCookie(name);\

    if(cval!=null) document.cookie= name + '='+cval+';expires='+exp.toGMTString();\

    }";

    

    //拼凑js字符串

    NSMutableString *JSCookieString = JSFuncString.mutableCopy;

    for (NSHTTPCookie *cookie in cookieStorage.cookies) {

        NSString *excuteJSString = [NSString stringWithFormat:@"setCookie('%@', '%@', 1);", cookie.name, cookie.value];

        [JSCookieString appendString:excuteJSString];

    }

    //执行js

    [webView evaluateJavaScript:JSCookieString completionHandler:nil];

    

    [self callback_webViewDidFinishLoad];

}

 

- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler{
    NSHTTPURLResponse *response = (NSHTTPURLResponse *)navigationResponse.response;
    NSArray *cookies =[NSHTTPCookiecookiesWithResponseHeaderFields:[response allHeaderFields] forURL:response.URL];
   
    for (NSHTTPCookie *cookie in cookies) {
        [[NSHTTPCookieStoragesharedHTTPCookieStorage] setCookie:cookie];
    }
   
    decisionHandler(WKNavigationResponsePolicyAllow);

}

 

进度条问题：

WKWeb和UIWeb使用进度条的时候用estimatedProgress ，这个属性是Wk独有的，但是UIWeb的时候也给这个值去赋值，这样就可以一起使用这个属性，在控制器中去用kvo检测这个值！

 

WK中检测进度条的方法：

/**
 *  kvo 观察进度／标题 wkwebview 进度条需要添加观察者
 */
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary *)change context:(void *)context {
   
    if([keyPath isEqualToString:@"estimatedProgress"]) {
       
        self.estimatedProgress = [change[NSKeyValueChangeNewKey] doubleValue];
    } elseif([keyPath isEqualToString:@"title"]) {
       
        self.title = change[NSKeyValueChangeNewKey];

    }

 

UIWe

/**
 *  进度代理方法
 *
 *  @param webViewProgress webViewProgress
 *  @param progress        progress
 */
- (void)webViewProgress:(NJKWebViewProgress *)webViewProgress updateProgress:(float)progress {
   
    // 先进行判断，如果变化小于传递过来的值则赋值，因为有可能出现小于的情况
    if (self.estimatedProgress <= progress) {
        // 让UIWebview的进度条也用此赋值
        self.estimatedProgress = progress;

    }

 

 

然后在外部的控制器去kvo检测。

坑：

在控制器的did finish中：

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    NSLog(@"webview开始完成");
    [selfupdateNaviLeftButtton];
    [self.webViewresetWebView];

// 只有UIWebview 加载本地html的时候会出现网页加载完成，但是进度条不足1.0的情况，所以在完成方法中特别手动设置一下！
    // 判断是否是加载本地网页，本地网页没有http
    BOOL hasHttp = [[self.webView.URLabsoluteString] hasPrefix:@"http"];
    if (IOS_VERSION < 8.0 && !hasHttp) {
        self.webView.estimatedProgress = 1.0f;
    }
   
    _isFinish = YES;

}

 

#warning  默认设置就是NO。在ios8系统中会导致手势问题，程序崩溃

self.allowsBackForwardNavigationGestures =YES;