iOS中WKWebView的一些特殊使用总结

2020-07-26 02:22:19

字体：大中小

来源：转载

供稿：网友

前言

现在大部分的app只支持iOS8以上的系统了，在接入H5时可以只管最新的WKWebView了。

WKWebView的优势

性能高，稳定性好，占用的内存比较小，
支持JS交互
支持HTML5 新特性
可以添加进度条（然并卵，不好用，还是习惯第三方的）。
支持内建手势，
据说高达60fps的刷新频率（不卡）

本文将给大家总结下iOS中WKWebView的一些特殊使用，下面话不多说了，来一起看看详细的介绍吧

WKWebView 加载本地网页的方式

1.直接加载字符串

- (void)loadHTMLString {//直接加载字符串NSString *path = [[NSBundle mainBundle] pathForResource:@"story" ofType:nil];NSString *body = [NSString stringWithContentsOfURL:[NSURL fileURLWithPath:path] encoding:(NSUTF8StringEncoding) error:nil];NSString *cssPath = [[NSBundle mainBundle] pathForResource:@"css" ofType:nil];NSString *css = [NSString stringWithContentsOfURL:[NSURL fileURLWithPath:cssPath] encoding:NSUTF8StringEncoding error:nil];NSString *html = @"<html>";html = [html stringByAppendingString:@"<head>"];html = [html stringByAppendingString:@"<meta name=/"viewport/" content=/"width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover/">"];html = [html stringByAppendingString:@"<style type=/"text/css/">"];html = [html stringByAppendingString:css];html = [html stringByAppendingString:@"</style></head><body>"];html = [html stringByAppendingString:body];html = [html stringByAppendingString:@"</body></html>"];[webview loadHTMLString:html baseURL:nil];}

需要注意的是， baseURL 可以用来控制请求权限

2.加载本地文件

- (void)loadHTMLContent {//加载本地文件NSString *rootPath = [NSHomeDirectory() stringByAppendingPathComponent:@"Documents"];NSURL *rootURL = [NSURL fileURLWithPath:rootPath];NSString *bodyTargetPath = [rootPath stringByAppendingPathComponent:@"index.html"];NSURL *url = [NSURL fileURLWithPath:bodyTargetPath];//这里必须指定到沙盒的具体文件夹，不能再沙盒根目录上[webview loadFileURL:url allowingReadAccessToURL:rootURL];}

重定向请求

1.通过 URLProtocol

新建 Protocol 的子类，并添加请求属性

@property (nonnull,strong) NSURLSessionDataTask *task;

由于 WKWebview 的特殊性，这里需要新建类别，并注册需要监听的请求头 [NSURLProtocol wk_registerScheme:@"http"];

注册监听 [NSURLProtocol registerClass:[BZURLProtocol class]];

过滤需要进行处理的请求，同时也要过滤那些已经处理过的请求。

+ (BOOL)canInitWithRequest:(NSURLRequest *)request {if ([request.URL.absoluteString containsString:@"localhost"]) {//看看是否已经处理过了，防止无限循环if ([NSURLProtocol propertyForKey:kBZURLProtocolKey inRequest:request]) {return NO;}return YES;}return NO;}

将请求通过下面的方法，进行重新组装，设置成我们自己的请求

+ (NSURLRequest *)canonicalRequestForRequest:(NSURLRequest *)request

将上面组装好的请求，通过下面的方法发出。并在这里将发出的请求，进行标记，因为会重走流程，避免循环处理

- (void)startLoading {NSMutableURLRequest *mutableReqeust = [[self request] mutableCopy];//给我们处理过的请求设置一个标识符, 防止无限循环,[NSURLProtocol setProperty:@YES forKey:kBZURLProtocolKey inRequest:mutableReqeust];NSURLSession *session = [NSURLSession sessionWithConfiguration:[NSURLSessionConfiguration defaultSessionConfiguration] delegate:self delegateQueue:nil];self.task = [session dataTaskWithRequest:self.request];[self.task resume];}

这里通过 task 来进行网络请求发送，也可以在这里进行请求的缓存处理，加快访问

最后需要设置代理方法，保证请求被允许和接收到数据后的加载

- (void)URLSession:(NSURLSession *)sessiondataTask:(NSURLSessionDataTask *)dataTaskdidReceiveResponse:(NSURLResponse *)responsecompletionHandler:(void (^)(NSURLSessionResponseDisposition))completionHandler {//允许请求加载[[self client] URLProtocol:self didReceiveResponse:response cacheStoragePolicy:NSURLCacheStorageAllowed];completionHandler(NSURLSessionResponseAllow);}- (void)URLSession:(NSURLSession *)sessiondataTask:(NSURLSessionDataTask *)dataTaskdidReceiveData:(NSData *)data {//加载数据[[self client] URLProtocol:self didLoadData:data];}

停止请求的时候注意销毁对象

- (void)stopLoading {if (self.task != nil) {[self.task cancel];}}

退出的时候也要注意移除监听

[NSURLProtocol wk_unregisterScheme:@"http"];[NSURLProtocol unregisterClass:[BZURLProtocol class]];

2.通过第三方库 GCDWebServer 处理请求

建立 server 要在发出请求之前

server = [[GCDWebServer alloc] init];

添加监控方法，这里提供了很多种选择，包含了请求方式和异步同步回调等，这里选择了 GET 方法和异步回调。拿到结果后将其回调给 server ，完成重定向

//异步请求函数[server addDefaultHandlerForMethod:@"GET"requestClass:[GCDWebServerRequest class]asyncProcessBlock:^(__kindof GCDWebServerRequest * _Nonnull request, GCDWebServerCompletionBlock _Nonnull completionBlock) {if ([request.URL.absoluteString containsString:@"localhost"]) {//命中了需要特殊处理的请求，这里进行特定操作NSURL *url = [NSURL URLWithString:@"http://m.baidu.com/static/search/baiduapp_icon.png"];NSURLRequest *request = [NSURLRequest requestWithURL:url];NSURLSession *session = [NSURLSession sharedSession];//发出请求NSURLSessionDataTask *task = [session dataTaskWithRequest:request completionHandler:^(NSData * _Nullable data, NSURLResponse * _Nullable response, NSError * _Nullable error) {if (data && error == nil) {//接收到正确的数据，并返回给serverGCDWebServerDataResponse *response = [GCDWebServerDataResponse responseWithData:data contentType:@"image/jpeg"];completionBlock(response);} else {//数据请求失败，返回给server一个空的或者失败的结果GCDWebServerDataResponse *response = [GCDWebServerDataResponse response];completionBlock(response);}}];[task resume];}}];

开启 server [server start];

最后是发出请求，否则会发生监控不生效的问题