前言：
緩存這個問題的出現(xiàn)，真真切切的感受到微信瀏覽器這鬼東西對前端程序員充滿了惡意，捋捋自己的發(fā)型，甚是恐慌。

解決方案：

出現(xiàn)緩存問題導(dǎo)致用戶出現(xiàn)很多車禍現(xiàn)場（還和java叼起來了），因?yàn)槭巧暇€了的項(xiàng)目，為了不破環(huán)生產(chǎn)環(huán)境,讓客服暫時教用戶解決微信緩存問題。
手動清理緩存

微信瀏覽器在iOS和安卓中瀏覽器內(nèi)核不一樣；從而不同的系統(tǒng)和不同版本的微信方式也各有不同。清理緩存的方式也就各種不一樣的：

android：debugx5.qq.com，這是微信x5內(nèi)核瀏覽器的debug調(diào)試頁面，在微信瀏覽器打開，拉到頁面最底部，有清理緩存的選項(xiàng)。

安卓微信x5內(nèi)核瀏覽器debug頁面

image.png

ios：
1、 取關(guān)公眾號，重新關(guān)注；
2.、 退出微信賬號登陸，重新登陸微信；
3、 微信設(shè)置-通用-存儲-清理緩存；
4.、 進(jìn)入頁面，右上角‘...’選項(xiàng)中點(diǎ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;

為啥用第二種，因?yàn)槲⑿旁L問的時候有些場景可能會把參數(shù)或者參數(shù)值直接給忽略

總結(jié)：還是回歸現(xiàn)實(shí)（天氣冷了，還想多買幾件格子衫）。
末尾彩蛋