iOS开发 最新的NSURLProtocol之webView的离线缓存，缓存webView，离线加载

一：前言：项目中整个一tab页因为需求变成了加载webView，没网情况下会一片白。。很多APP无网显示的是一张图片，笔者强迫症，坚决做到最好的用户体验，于是缓存了整个webview；
1. 想通过加载HTMLSting字符串缓存webView是不可行， [self.webView loadHTMLString:HTMLSting baseURL:nil];想走这条路的哥们这里说下，肯定是不行的。。简单说下原因：正常的一个h5网页，包含.css样式，.JS等事件，这些都是外部引用的。。所以你缓存不下来。。。但是如果样式啥的都是内联（类似iOS MVC都在控制器里），那么用这个方法是可行的。。。
2.WKWebView能用这个缓存吗？  当然不可以，它不走NSURLProtocol机制，所以不会对URL进行拦截。
3.通过NSURLProtocol是最快捷的方法，下面开始介绍。

插曲：如果你不喜欢看啰嗦的文字，直接上github地址了，https://github.com/horisea/NSURLProtocol-webView，欢迎star，有网情况下运行一次，断网再运行，网页依旧出现，OK

二：NSURLProtocol是什么？3句话，简单粗暴。 （想了解透彻的话，自己搜去吧）
个人理解：1.当你自定义了继承自NSURLProtocol的子类后，
2.在注册完毕后
3.所有的网络请求都会走你自定义的protocol类，那你想干嘛就可以干嘛了（离线缓存主要是缓存所有的response，data数据），比如（重定向，离线缓存）

三：就上面3点，一点点细说
1.继承自NSURLProtocol，项目中有完整的，拷贝出来用就行了
2.注册：ViewDidLoad方法中写就行，（想拦截哪一条URL，想缓存哪一个，在发起请求前注册就行了）
[NSURLProtocol registerClass:[SCYCacheURLProtocol class]];
3.在自定义的NSURLProtocol中，要做的事情就多了 。。下面介绍下一些方法的调用顺序等需要处理的。看第四大模块吧。

四：1.+ (BOOL)canInitWithRequest:(NSURLRequest *)request；
作用：（1）.处理返回YES，不处理返回NO
（2）.打标签，已经处理过的不在处理
这篇文章有具体说明：http://www.jianshu.com/p/7c89b8c5482a
2.+ (NSURLRequest *)canonicalRequestForRequest:(NSURLRequest *)request；
作用：做缓存的话，没什么用；
3.- (void)startLoading
作用：开始加载时自动调用 ，作用大了去了，该方法里判断，有缓存时加载缓存，没缓存再去请求，demo里该方法有具体详细逻辑
#pragma mark - NSURLConnectionDelegate
1.- (void) connection:(NSURLConnection *)connection didReceiveResponse:(NSURLResponse *)response {
    [self.client URLProtocol:self didReceiveResponse:response cacheStoragePolicy:NSURLCacheStorageNotAllowed];
}
作用.缓存response
2.- (void) connection:(NSURLConnection *)connection didReceiveData:(NSData *)data {
    [self.client URLProtocol:self didLoadData:data];
}
作用：拼接data，也是缓存用
3.- (void) connectionDidFinishLoading:(NSURLConnection *)connection {
    [self.client URLProtocolDidFinishLoading:self];
}
作用：一条请求加载完毕后调用，，还是缓存的作用。。
4.- (void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error {
    [self.client URLProtocol:self didFailWithError:error];
}

五：温馨提示：非常重要，你可能迷惑的坑
0. 文中的所有key是当前加载的url加md5加密的字符串；
1. 运行项目，你会发现，我只是加载了一个url，为毛缓存达到了64个
关闭网络：第二次运行，会给出所有的缓存key，，这也回答了笔者一开始说的.css样式文件，以及.js文件都被缓存下来了。。所以这里不回出现像LoadHTMLString缓存只出现光秃秃的文字，没了样式的webView
http://csdnimg.cn/public/common/libs/bootstrap/css/bootstrap.css
http://csdnimg.cn/public/static/css/avatar.css
http://m.blog.csdn.net/static/css/common.css
http://m.blog.csdn.net/static/js/libs/html5shiv.min.js
http://m.blog.csdn.net/static/js/apps/blog_mobile.js
2.文中的缓存策略，笔者用的是YYCache 。。缓存对象是个单例，里面放了64条缓存数据，，当控制器传入的url和缓存的key不一样时，把单例对象的64个缓存，都倒掉，然后在加入新的。。（既然要缓存，那肯定是会有新的缓存，别忘了删除之前的缓存，还有之前的缓存不是一条，而是一大坨，发现这一点，我走了很大的坑）
3. demo中给的链接缓存了是64个，那么就是自定义的NSURLProtocol被调用了64次；所以一些有关于记录的东西，最好保存在NSUserDefaults中；
六：https://github.com/horisea/NSURLProtocol-webView在上一次github地址吧。。如果帮助了你，就给个star吧，另外这一块确实很饶人，建议断点跟踪，一上午估计就能明白点什么。。
如果文中有不对的地方，或者您有问题解决不了，可以扣扣联系  楼 主，http://blog.csdn.net/horisea/article/details/51872619博客最下方有楼主联系方式。。。转载注明出处咯

如果你喜欢这篇文章，或者有任何疑问，可以扫描第一个二维码，加楼主好友哦

也可以扫第二个二维码，关注楼主个人微信公众号。这里有很多生活，职业，技术相关的文章哦。欢迎您的到来。

微信号：                                             公众号