移動端兼容問題：解決ios瀏覽器history.back頁面不刷新

在做移動端的日常開發中，經常被一些奇奇怪怪的兼容問題困擾，其中ios系統瀏覽器頁面返回不刷新這個問題尤為頭痛，這裡獻上解決方案

varisPageHide=false;

window.addEventListener("pageshow",function() {

if(isPageHide) {

}

});

window.addEventListener("pagehide",function() {

isPageHide=true;

});

其中的原理就是onpageshow 事件在每次載入頁面時觸發，即 頁面從瀏覽器緩存中讀取時也觸發，從上一個頁面回來的時候，ios下瀏覽器雖然不執行js代碼，但是這個頁面臨走前註冊的事件還是會觸發的，這時候執行reload就可以做到跟Android環境下一致的效果，其實不一定是reload,可以根據事件業務需求做調整，已達到最優的用戶體驗

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！