h5頁緩存

『壹』 微信小程序H5頁面緩存問題處理

微信小程序會緩存H5頁面，導致頁面升級之後不能及時刷新。

這種情況通過配置nginx不緩存靜態頁面無法影響到小程序緩存。

假設H5請求地址鬧掘是 https://xxx/h5/

用戶進入小程序之後生成一個數字，請飢彎乎求H5時把數字拼接到URL後綴即爛悉可。

例： https://xxx/h5/222/

『貳』 十二、清理微信瀏覽器H5網頁緩存

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

解決方案：

出現緩存問題導致用戶出現很多車禍現場（還和java叼起來了），因為是上線了的項目，為了不破環生產環境,讓客服暫時教用戶解決微信緩存問題。
手動清理緩存

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

android：debugx5.qq.com，這是微信x5內核瀏覽器的debug調試頁面，在微信瀏覽器打開，拉到頁面最底部，有清理緩存的選項。

安卓微信x5內核瀏覽器debug頁面

ios：
1、 取關公眾號，重新關注；
2.、 退出微信賬號登陸，重新登陸微信；
3、 微信設置-通用-存儲-清理緩存；
4.、 進入頁面，右上角『...』選項中點擊「刷新」

自動清理緩存

h5頁面設置meta標簽

一般瀏覽器還有用，碰到wx，並沒有鳥用

文件載入設置版本號
h5很多都是靜態資源，有些鏈接都是通過後台配的所以加版本號變得操作異常繁瑣，解決起來也是摒棄了一些邏輯。不過值得欣慰的是，這個令人頭皮發麻的問題得以解決！

版本號有兩種：

為啥用第二種，因為微信訪問的時候有些場景可能會把參數或者參數值直接給忽略

總結：還是回歸現實（天氣冷了，還想多買幾件格子衫）。
末尾彩蛋