頁面更新JS與CSS的緩存生效問題


之前在更新線上頁面時,新更新的css不生效,反復確認了線上更新情況,文件都沒有錯誤,最后發現是樣式的緩存問題。排除了瀏覽器的緩存,服務器也沒有對頁面進行緩存處理,具體緩存到了哪里尚不明確。
問了幾個同事,又上網查詢了一下原因,最后發現了解決辦法:在css文件后加上?key=******,這樣就會被識別成不同文件,重新加載,解決之前的緩存問題。
js也是同樣的道理。
下面附上示例,version的值可以是時間,還可以做個記錄,確定版本。
js:
<script type=”text/javascript” src=”{JS文件連接地址}?version=XXXXXXXX”></script>
css:
<link rel=”stylesheet” type=”text/css” href=”{CSS文件連接地址}?version=XXXXXXXX”>
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM