移動端popstate的怪異行為

標籤：傳統   highlight   listen   oca   UNC   解決   dde   dev   官方文檔   

由於ios的效能在快取頁面面比較好，所以一般頁面的後退都會儲存之前的曆史頁面，

不會觸發頁面上的js等，所以可以觸發到popstate事件，而webkit的某些版本對popstate

的理解與官方標準不一致，導致每次訪問頁面都會同步為訪問了這個頁面的曆史紀錄，

所以popstate就被觸發了，而在項目中需要IOS一個後退重新整理頁面

代碼:

window.addEventListener(‘popstate‘, function() {    window.location.reload();});

　　

但進入頁面後頁面不斷的觸發以上方法，重新整理頁面，這個webkit的對popstate的詭異行為導致的。

對這個差異的認知就是webkit中詭異行為的原因。webkit並沒有把HTML5的History和傳統的區分開，而根據官方文檔對popstate的描述，只要訪問記錄就會觸發popstate。而傳統的History中訪問頁面和生產記錄是同時的。所以在webkit中，無論是重新整理還是訪問一個新網頁都會觸發popstate。而其它瀏覽器中這個popstate僅作用於HTML5的History，並不響應傳統的History，更不用說重新整理和訪問新網頁的情況了。
解決方案:　　延遲事件載入，讓頁面上載入完成後才進行popstate事件載入。 

window.onload=function(){  setTimeout(function(){  window.addEventListener(‘popstate‘, function() {    window.location.reload();});  },0)  }

　　

 

移動端popstate的怪異行為