轉(zhuǎn)載請注明出處：http://blog.csdn.net/u012250875/article/details/78332683

1.問題背景

在做web開發(fā)中，經(jīng)常遇到這樣的問題：已經(jīng)修改完css樣式或者js代碼，F5刷新瀏覽器，發(fā)現(xiàn)剛修改完的代碼并沒有生效，這個(gè)大家都知道是緩存造成的，瀏覽器這樣設(shè)計(jì)的目的也是為了節(jié)省用戶流量，因?yàn)橘Y源文件一般較穩(wěn)定，數(shù)量多，但修改量少。下面來說說五種解決方法，以及各自的優(yōu)缺點(diǎn)。

2.解決方法

方法一

簡單粗暴的同時(shí)按住ctrl-shift-delete三個(gè)鍵來調(diào)出“清除瀏覽數(shù)據(jù)”功能，效果如下圖（不同瀏覽器大同小異），主要勾選上緩存的圖片和文件，清除數(shù)據(jù)即可，然后刷新，該種方法并不推薦，因?yàn)檎嬲挠脩舳际切“?#xff0c;資源文件發(fā)生更新應(yīng)該讓用戶無感知的獲得最新資源，并且每次清除瀏覽數(shù)據(jù)，你訪問過的其他網(wǎng)站的資源也被清空了。不推薦。

方法二：使用ctrl+F5強(qiáng)制刷新當(dāng)前網(wǎng)站，問題同方法一，略優(yōu)于方法一，該方法單獨(dú)強(qiáng)刷當(dāng)前網(wǎng)站。不推薦。

方法三：jsp代碼中引用js或css文件時(shí)在引用路徑后面添加一個(gè)參數(shù)（隨機(jī)數(shù)或者當(dāng)前時(shí)間），示例如下：

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

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

方法四：所有jsp引用相同的taglib，并在公用的jsp中設(shè)置一個(gè)版本號，并在css或js路徑中進(jìn)行引用，每次發(fā)布新版本時(shí)候，根據(jù)需要來修改版本號。如果資源文件有更新，發(fā)布時(shí)修改下版本號即可，如果沒有更新則不用修改版本號，這樣極具可控性。推薦該方法。
操作如下：
1）所有jsp中均引入taglib.jsp

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

2）taglib.jsp中設(shè)置一個(gè)版本號

//<%@ taglib ...... %>
//該處一般為一些公用的taglib,如c,fn等
//<%@ taglib ...... %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<c:set var="version" value="20170906" />

3）jsp中引用資源時(shí)人為添加一個(gè)版本號

<link rel="stylesheet" type="text/css" href="${ctx }/static/css/your.css?v=${version}">
<script src="${ctx }/static/js/your.js?v=${version}"></script>

如上操作后每次在修改version的值后，發(fā)布到生產(chǎn)，用戶訪問時(shí)，由于src或者h(yuǎn)ref中的v參數(shù)發(fā)生改變，瀏覽器就會重新去下載資源文件。

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

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