OC与H5的交互已经非常常见了,页面里有H5页面,我们会用到UIWebview;但是在用的时候,UIWebview会神奇的自动缓存之前的CSS样式(CSS是控制页面的样式的,比如页面字体颜色或者字体大小...),这就导致了更改过webview的页面样式之后,我们APP端再打开这个webView页面,发现页面的样式根本没有任何的变化,是不是瞬间不开森啦~
什么情况啊,所有的写法都是没有问题的,缓存机制是UIWebview带了,是不是和我们开发没有关系啦(我当时就是这么安慰自己的);不过老大不管这些,如果不解决这个问题,和H5的联调很不方便(需要卸载重装才可以);于是乎,我找到了一个感觉可以的方法:
//清除webView的缓存
[[NSURLCache sharedURLCache] removeAllCachedResponses];
我把上面的方法写到了页面将要消失的时候,清除UIWebview缓存的东西,然后让H5开发的盆友更改了页面样式,期待满满的重新打开了页面,我尼玛,没有变,关闭APP然后重启,变了,里面高兴了点儿,不过也是不行啊这样的效果,然后我找到了下面的方法:
//清除请求
[[NSURLCache sharedURLCache] removeCachedResponseForRequest:self.request];
//清除cookies
NSHTTPCookie *cookie;
NSHTTPCookieStorage *storage = [NSHTTPCookieStorage sharedHTTPCookieStorage];
for (cookie in [storage cookies]) { [storage deleteCookie:cookie]; }
上面的方法写过之后也是没有任何的改进了,还是需要重启才有效果;(也就是上面所有的方法都没有解决问题)
接着找问题所在,我在加载URL的时候,用的方法是:
self.request = [[NSURLRequest alloc] initWithURL:[NSURL URLWithString:htmlString]];
就是这个问题所在,导致了自动缓存,更改无效,吭我啊;换种方法:
//加载请求的时候忽略缓存
self.request = [NSURLRequest requestWithURL:[NSURL URLWithString:htmlString] cachePolicy:NSURLRequestReloadIgnoringLocalCacheData timeoutInterval:5.0];
然后可以把上面的方法给丢掉了,这样就可以解决这个问题了,很简单有木有;
2018-03-22更新
有同学使用上面方法依然无法解决问题,经过不断的查找资料和咨询前端开发朋友,找到了几种方式,都是需要在web端处理的:
方式一:引入CSS、JS文件时路径后面拼接时间戳
<script type="text/javascript" src="index.js?t=20180322"></script> <link rel="stylesheet" href="index.css?t=20180322">
方式二:引入CSS、JS文件时路径后面拼接版本号(记得更新版本号)
<script type="text/javascript" src="index.js?v=1.0.1"></script> <link rel="stylesheet" href="index.css?v=1.0.1">
找到了一篇不错的文章解释这个缓存的问题,说的是上面的两种方式不是最优的,不过我想一般的项目这么写就行了,大公司可能要求更高些;