第一次做微信相關的項目,今天遇到奇葩問題,感受到微信瀏覽器這東西對前端程序員滿滿的惡意,還好沒多久就定位到是微信瀏覽器緩存的鍋。網(wǎng)上搜到3種解決方式,記錄一下,待驗證,目測第2,3種更靠譜。
1、解決方案是在調(diào)試階段或者頻繁更新的頁面加入以下頭信息
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
2、更新文件的時候,在引用css,js等文件的語句上加上一個版本號,就能有效防止瀏覽器一直使用緩存中的css,js
<link href="css/demo.css?v=201903280001" rel="stylesheet">
3、防止頁面被緩存的方法,在URL后面添加隨機參數(shù),這樣每次訪問的都是不同的連接
window.location='xxx.html?_r='+Math.random();