之前在更新線上頁面時,新更新的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”>