1、問題背景

 

　　在做web開發中，經常遇到這樣的問題：已經修改完css樣式或者js代碼，F5刷新瀏覽器，發現剛修改完的代碼并沒有生效，這個大家都知道是緩存造成的，瀏覽器這樣設計的目的也是為了節省用戶流量，因為資源文件一般較穩定，數量多，但修改量少。下面來說說五種解決方法，以及各自的優缺點。

 

　　2、解決方法

 

　　方法一

 

　　簡單粗暴的同時按住ctrl-shift-delete三個鍵來調出“清除瀏覽數據”功能，效果如下圖（不同瀏覽器大同小異），主要勾選上緩存的圖片和文件，清除數據即可，然后刷新，該種方法并不推薦，因為真正的用戶都是小白，資源文件發生更新應該讓用戶無感知的獲得最新資源，并且每次清除瀏覽數據，你訪問過的其他網站的資源也被清空了。不推薦。

 

　　

 

　　方法二：使用ctrl+F5強制刷新當前網站，問題同方法一，略優于方法一，該方法單獨強刷當前網站。不推薦。

 

　　方法三：jsp代碼中引用js或css文件時在引用路徑后面添加一個參數（隨機數或者當前時間），示例如下：

 

　　<scripttype="text/javascript"src="/js/yourjs.js?rd=<%=Math.random()%>"></script>

 

　　這樣在你每次按F5時候，src發生改變，瀏覽器會重新請求js文件。壞處是這樣每次用戶刷新頁面都會重新下載資源文件，即使你根本沒有去修改資源文件，好處是這樣處理十分方便。不十分推薦。

 

　　方法四：所有jsp引用相同的taglib，并在公用的jsp中設置一個版本號，并在css或js路徑中進行引用，每次發布新版本時候，根據需要來修改版本號。如果資源文件有更新，發布時修改下版本號即可，如果沒有更新則不用修改版本號，這樣極具可控性。推薦該方法。

 

　　操作如下：

 

　　1）所有jsp中均引入taglib.jsp

 

　　<%@includefile="/WEB-INF/common/taglib.jsp"%>

 

　　2）taglib.jsp中設置一個版本號

 

　　//<%@taglib......%>

 

　　//該處一般為一些公用的taglib,如c,fn等

 

　　//<%@taglib......%>

 

　　<c:setvar="ctx"value="${pageContext.request.contextPath}"/>

 

　　<c:setvar="version"value="20170906"/>

 

　　3）jsp中引用資源時人為添加一個版本號

 

　　<linkrel="stylesheet"type="text/css"href="${ctx}/static/css/your.css?v=${version}">

 

　　<scriptsrc="${ctx}/static/js/your.js?v=${version}"></script>

 

　　如上操作后每次在修改version的值后，發布到生產，用戶訪問時，由于src或者href中的v參數發生改變，瀏覽器就會重新去下載資源文件。

 

　　注意：參數名v是隨意取的，沒有特別要求

 

　　方法五：將瀏覽器設置為不緩存或使用插件設置為不緩存，這種方法也只是方便開發者，對用戶并無益處。