在web項(xiàng)目開發(fā)過程中,我們經(jīng)常會(huì)引用css、js文件,更新文件后常出現(xiàn)緩存問題(明明更改了代碼,在瀏覽器上訪問的時(shí)候卻沒有發(fā)生變化),這種情況我們通常采用以下兩種解決方案:
1、手動(dòng)清除瀏覽器緩存
2、添加版本號(hào)(如 layout.css?v=1)
個(gè)人認(rèn)為方法2更快,因?yàn)榍宄秊g覽器緩存還要等瀏覽器響應(yīng)。但是每次更改版本號(hào)也很麻煩,所以需要想辦法自動(dòng)添加版本號(hào),
以下是本人收集的方法:
方法一:可以通過js自動(dòng)給html添加版本號(hào)
<script type="text/javascript"> document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>"); </script>
方法二:若是jsp頁(yè)面,可以使用java代碼生成時(shí)間戳(若是jsp頁(yè)面用方法一也行,但此方法更方便)
<link rel="stylesheet" type="text/css" href="/css/layout.css?v=<%=System.currentTimeMillis() %>">
方法三:使用其他的方法添加版本號(hào),如用node.js自動(dòng)配置等
ps:我們清除緩存的目的是為了及時(shí)看到頁(yè)面的更新情況,當(dāng)我們將頁(yè)面上線時(shí)(即部署到正式環(huán)境,不會(huì)再做更改),建議把版本號(hào)固定,因?yàn)橛芯彺娴捻?yè)面訪問更快,需要更新的時(shí)候再更換下固定版本號(hào)。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。