微信中緩存太嚴重,H5頁面在微信中加載css修改後無效

一直都知道微信中緩存比較嚴重,但是沒想到這麼嚴重。之前清理微信緩存,或者刪除某條聊天記錄後頁面重載後還是會更新的。

這次比較嚴重,無論怎麼刷新,清理緩存,打開頁面都沒有效果。

解決辦法,爲引入的css加上版本號即可,這樣每次進入都會重新加載,而不是獲取緩存。當然,僅在微信中使用。

<script type="text/javascript">
document.write("<link rel='stylesheet' type='text/css' href='/css/index.css?v="+new Date().getTime()+"'>"); 
</script>

當然,除了上面這種動態加載樣式的方法外,最簡單的辦法就是樣式寫在頁面中。前期開發可以先寫在頁面上,後面再放到css中也可以。

用時間戳來當版本號,每次加載相當於引入新的css,自然不用擔心緩存問題。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章