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

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

  • 相关阅读:
    Intellij IDEA使用姿势
    款阿里开源的 Java 诊断工具Arthas
    Spring Boot Runner启动器
    Spring Boot 2.x 启动全过程源码分析
    Spring Boot自动配置原理
    vue包部署在tomcat上,解决资源路径问题
    输入回车 回显换行
    session和cookie
    WebStorage——SessionStorage、LocalStorage与cookie
    HTML5 cache
  • 原文地址:https://www.cnblogs.com/Yishu/p/9440935.html
Copyright © 2011-2022 走看看