您的位置:首頁 > 設計資訊 > IT網絡 > 內頁

手機微信清理微信瀏覽器網頁緩存的方法

核心提示: 微信瀏覽器出現緩存問題導致用戶出現很多車禍現場,因為是上線了的項目,為了不破環生產環境,讓客服暫時教用戶解決微信緩存問題,真真切切的感受到微信瀏覽器這鬼東西對前端程序員充滿了惡意,捋捋自己的發型

緩存這個問題的出現,真真切切的感受到微信瀏覽器這鬼東西對前端程序員充滿了惡意,捋捋自己的發型,甚是恐慌(頓時有種想轉php的沖動,有木有)。

解決方案:

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

手動清理緩存

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

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

手機微信清理微信瀏覽器網頁緩存的方法

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

ios:

1、 取關公眾號,重新關注;

2.、 退出微信賬號登陸,重新登陸微信;

3、 微信設置-通用-存儲-清理緩存;

4.、 進入頁面,右上角‘...’選項中點擊“刷新”

自動清理緩存

h5頁面設置meta標簽

<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,并沒有鳥用

文件加載設置版本號

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

版本號有兩種:

常見的是文件名傳參,例如: demo.css?v=1535549856;

建議使用md5文件名的方式: demo-9bee5121379679ec.css;

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

總結:

還是回歸現實(天氣冷了,還想多買幾件格子衫)。

文章源自 設計聯盟 www.610640.tw 中國最具影響力的創意設計綜合網站

編輯:Beach

搜索推薦
設計聯盟官方微信
設計聯盟官方微信
微信公眾號:designlinks
掃一掃 訂閱最新資訊
回到頂部
排列三试机号的金马