移動端 window.history.go(-1)不刷新的問題

移動端的h5開發,總是會有各種各樣的問題,世間本沒有bug,寫着寫着就有了。近期開發遇到這樣一個功能:A頁面上有一段鏈接,通過window.location.href = 'xxx', 跳轉到另一個頁面B,完成一系列操作後,又要跳回來之前的A,但這個時候A頁面應該是需要重新刷新的,數據要重新請求,下面貼出A 頁面部分代碼:

但測試華爲及小米低端版本的時候,並沒有刷新,抓包並沒有抓到請求,但是奇怪的是,代碼確實運行到請求接口的數據了,可能的原因應該是緩存了,於是搜索了一下,加上了一個方法:

這個方法也並不奏效,

網絡上還有一個方法,也是監聽pageshow,親測是好用的:

window.performance 是由 W3C 性能小組提出的用於精確計算網頁性能數據的特性,它返一個 Performance 對象,其中window.performance.navigation返回 PerformanceNavigation 對象,該對象表示在當前給定瀏覽上下文中網頁導航的類型

最後受到這篇的啓發https://github.com/jun-lu/blog/issues/57,同樣給接口添加了隨機數r,真的就解決了緩存的問題:

最後給大家推薦一個抓包工具:https://github.com/topics/spy-debugger

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章