美文网首页iOS开发技术分享iOS学习交流杂文
iOS开发:解决UIWebView自动缓存导致页面不可刷新问题

iOS开发:解决UIWebView自动缓存导致页面不可刷新问题

作者: First灬DKS | 来源:发表于2016-07-18 10:46 被阅读17486次

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

    找到了一篇不错的文章解释这个缓存的问题,说的是上面的两种方式不是最优的,不过我想一般的项目这么写就行了,大公司可能要求更高些;
    文章资料,有兴趣的同学可以读读,挺不错的!

    如果有同学有更好的方法,希望能够留言,把宝贵的方法分享一下,在此提前谢过了!

    相关文章

      网友评论

      • liyaoyao:我现在遇到了一个很奇怪的现象,webview 中登录成功后,显示了用过数据,但是切换用户后,在网页里返回,有时还会显示上一个用户的数据 ,请求你遇到过这样的问题么 ?
        First灬DKS:@liyaoyao 是否是应为没有清除cookie呢?我也没有遇到过类似的问题:joy:
        liyaoyao:@First灬DKS 有移除的 ,那个现象也不是每次都有,有时候就一直是,但是有时候就没有的
        First灬DKS:是不是切换账号时, 没有清除缓存呢?
      • 包佳奇:楼主,请问加载过的WebView如何缓存下来呢,就像淘宝商品的详情界面,下面的商品详情都是加载的网页
        包佳奇:@First灬DKS 感谢群主,我看一下
        First灬DKS:缓存UIWebView的信息这个还没有做过,我找了篇文章https://www.jianshu.com/p/7f3be7c30c77,不知道适合你的问题不?
      • wincalling:css和图片是不能立即清除的...
      • wincalling:感谢博主! webkit亲测可用.
        First灬DKS:@赵扬的简书 我使用的是UIWebView,不知道上面这位仁兄用的什么..
      • 怪羊叔:没用啊 前端是怎么解决的 前端自己页面返回自己不能调用吗 非让我们goback干嘛 神经啊
        First灬DKS:@怪羊叔 首先:这样做也是可以,但是我个人觉得就饶了远路了,还需要和H5进行交互;其次:你可以不认同我这种方式,可以探讨,但是请注意说话方式,OK?
        怪羊叔:@First灬DKS 我告诉js啊 然后js又给我一个响应 我来goback 神经病
        First灬DKS:点击的是原生的返回按钮,你如何让H5自己返回?
      • 羊村里的羊:用了忽略缓存的方法还是没效果啊,前端要怎么改?
        First灬DKS:我当时只是在工程中做了修改,H5端没有改变什么,上面的评论里@业余撕逼小能手,他遇到的问题可能和你的一样,你可以问问;
      • Enternity_G:不好使哦,
        NSURLRequest *request = [NSURLRequest requestWithURL:url cachePolicy:NSURLRequestReloadIgnoringLocalAndRemoteCacheData timeoutInterval:15];

        //加载请求的时候忽略缓存
        self.request = [NSURLRequest requestWithURL:[NSURL URLWithString:htmlString] cachePolicy:NSURLRequestReloadIgnoringLocalCacheData timeoutInterval:5.0];

        然后在页面将要消失的时候清除缓存都不好使。。。。大神 我该怎么办? 这个问题 前端可以改么
        First灬DKS:@业余撕逼小能手 看来确实是前端的问题了!解决就好!
        Enternity_G:上周五前端下班前端改了一下,改好了,没问题
        First灬DKS:这种问题应该是苹果自身缓存了这些CSS文件导致的,和前段没有关系;我就是使用的在加载web时忽略缓存!
      • 99baacbb9d93:不知道是不是我用了JScontext的问题
      • Zzbei:我也遇到oc调用js方法刷新页面的问题,没有被调用了,用这个方法并没有解决,请问是什么原因
        First灬DKS:@Xcode耗子 js、css变化,并不能在APP中立刻看到效果,你需要刷新当前的web页面才可以;实时改变的那个只有在开发HTML的时候调试才可以的!
        99baacbb9d93:我用了这个方法,但是js发生改变只有webView的内容并没有立刻变化,还是要退出程序才行
        First灬DKS:@Zzbei 你可以试试在当前H5页面消失的时候,去掉web页面的缓存,就是手动清理一次试试!

      本文标题:iOS开发:解决UIWebView自动缓存导致页面不可刷新问题

      本文链接:https://www.haomeiwen.com/subject/vippjttx.html