前言:
緩存這個問題的出現(xiàn)影涉,真真切切的感受到微信瀏覽器這鬼東西對前端程序員充滿了惡意变隔,捋捋自己的發(fā)型,甚是恐慌常潮。
解決方案:
出現(xiàn)緩存問題導(dǎo)致用戶出現(xiàn)很多車禍現(xiàn)場(還和java叼起來了),因為是上線了的項目楷力,為了不破環(huán)生產(chǎn)環(huán)境,讓客服暫時教用戶解決微信緩存問題喊式。
手動清理緩存
微信瀏覽器在iOS和安卓中瀏覽器內(nèi)核不一樣;從而不同的系統(tǒng)和不同版本的微信方式也各有不同萧朝。清理緩存的方式也就各種不一樣的:
android:debugx5.qq.com岔留,這是微信x5內(nèi)核瀏覽器的debug調(diào)試頁面,在微信瀏覽器打開检柬,拉到頁面最底部献联,有清理緩存的選項。
安卓微信x5內(nèi)核瀏覽器debug頁面
ios:
1何址、 取關(guān)公眾號里逆,重新關(guān)注;
2.用爪、 退出微信賬號登陸原押,重新登陸微信;
3偎血、 微信設(shè)置-通用-存儲-清理緩存诸衔;
4.、 進(jìn)入頁面颇玷,右上角‘...’選項中點擊“刷新”
自動清理緩存
h5頁面設(shè)置meta標(biā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" />
一般瀏覽器還有用笨农,碰到wx,并沒有鳥用
文件加載設(shè)置版本號
h5很多都是靜態(tài)資源帖渠,有些鏈接都是通過后臺配的所以加版本號變得操作異常繁瑣谒亦,解決起來也是摒棄了一些邏輯。不過值得欣慰的是,這個令人頭皮發(fā)麻的問題得以解決诊霹!
版本號有兩種:
常見的是文件名傳參羞延,例如: demo.css?v=1535549856;
建議使用md5文件名的方式: demo-9bee5121379679ec.css;
為啥用第二種,因為微信訪問的時候有些場景可能會把參數(shù)或者參數(shù)值直接給忽略
總結(jié):還是回歸現(xiàn)實(天氣冷了脾还,還想多買幾件格子衫)伴箩。
末尾彩蛋