zoukankan      html  css  js  c++  java
  • iOS开发:解决UIWebView自动缓存导致页面不可刷新问题

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

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

  • 相关阅读:
    Foxit 出mac 版本啦
    mac 上的latex (有很多链接,侵权请通知,一定删除)
    集合转数组
    select2搜索框查询加遍历
    下拉框回显
    柱状堆积图Echarts
    echarts X轴数据显示不全问题
    Map静态键值对
    如何配置pl/sql (本地客户端)连接远程oracle服务器
    自定义验证jquery.validate
  • 原文地址:https://www.cnblogs.com/Yishu/p/9440935.html
Copyright © 2011-2022 走看看