1. 程式人生 > >JS:js和css本地快取問題

JS:js和css本地快取問題

由於瀏覽器會自動快取靜態檔案的,這些檔案一般只在強制重新整理時,才會重新讀取。

怎麼清除瀏覽器快取的靜態檔案呢?

大部分人的想法是url後面加時間戳,但是問題出現了,就是每次url地址變化時 瀏覽器就會請求服務端的js和css檔案而不會使用快取但是會導致瀏覽器每次都要去請求服務端的js和css檔案,佔用頻寬。

解決方法:在url後面加版本號,現在很多網站都是這麼做的。

每次有新版本的時候可以修改網站版本號,將修改後的版本號加到js檔案後面

例:

<script type="text/javascript" src="/js/common.js?v=2.1.0" ></script> 

這樣不釋出程式碼的時候,瀏覽器使用的是本地快取,因為版本號沒有變化,釋出後就會從新請求js檔案。

也可以像淘寶一樣加日期:

<script type="text/javascript" src="/js/common.js?t=20160505" ></script> 

獲取更多的文章,歡迎關注微信公眾號