js、css、img等瀏覽器緩存問題的2種解決方案
更新時間:2013年10月23日 17:45:55 作者:
瀏覽器緩存的意義在于提高了執(zhí)行效率,但是也隨之而來帶來了一些問題,導(dǎo)致服務(wù)端修改了js、css,客戶端不能更新,下面有幾個不錯的方法可以解決此問題,感興趣的朋友可以參考下
細(xì)節(jié)決定成??!瀏覽器緩存的意義在于提高了執(zhí)行效率,但是也隨之而來帶來了一些問題,導(dǎo)致服務(wù)端修改了js、css,客戶端不能更新
方法一 生成隨機(jī)數(shù)字
<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script>
缺點(diǎn),瀏覽器緩存失去意義,每次都動態(tài)加載。
方法二 版本號控制,設(shè)置全局變量,每次發(fā)布前版本號加1
<script type=”text/javascript“ src=”/js/test.js?v=<%=v%>“></script>
推薦這種做法,這種做法比較簡單。缺點(diǎn)是HTML頁面不能使用,但是這種頁面應(yīng)該不太多
更多方法:采用讀取文件大小、文件修改時間生成MD5的方式自動化實(shí)現(xiàn),程序自動構(gòu)建時壓縮合并js并且全局替換版本,方式復(fù)雜,有興趣的可以研究一下
誰還有更好的方法?
方法一 生成隨機(jī)數(shù)字
復(fù)制代碼 代碼如下:
<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script>
缺點(diǎn),瀏覽器緩存失去意義,每次都動態(tài)加載。
方法二 版本號控制,設(shè)置全局變量,每次發(fā)布前版本號加1
復(fù)制代碼 代碼如下:
<script type=”text/javascript“ src=”/js/test.js?v=<%=v%>“></script>
推薦這種做法,這種做法比較簡單。缺點(diǎn)是HTML頁面不能使用,但是這種頁面應(yīng)該不太多
更多方法:采用讀取文件大小、文件修改時間生成MD5的方式自動化實(shí)現(xiàn),程序自動構(gòu)建時壓縮合并js并且全局替換版本,方式復(fù)雜,有興趣的可以研究一下
誰還有更好的方法?
相關(guān)文章
js事件源window.event.srcElement兼容性寫法(詳解)
下面小編就為大家?guī)硪黄猨s事件源window.event.srcElement兼容性寫法(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11JavaScript Drum Kit 指南(純 JS 模擬敲鼓效果)
這篇文章主要介紹了JavaScript Drum Kit 指南,也就是純 JS 模擬敲鼓效果實(shí)現(xiàn)代碼,需要的朋友可以參考下2017-07-07用 javascript 實(shí)現(xiàn)的點(diǎn)擊復(fù)制代碼
用 javascript 實(shí)現(xiàn)的點(diǎn)擊復(fù)制代碼,需要的朋友可以參考一下2007-03-03