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;
|