日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

移动端popstate的怪异行为

發布時間:2023/12/4 综合教程 49 生活家
生活随笔 收集整理的這篇文章主要介紹了 移动端popstate的怪异行为 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

由于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.οnlοad=function(){setTimeout(function(){window.addEventListener('popstate', function() {window.location.reload();
});  
},0)  
}

  

轉載于:https://www.cnblogs.com/zhangzhicheng/p/9508742.html

總結

以上是生活随笔為你收集整理的移动端popstate的怪异行为的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。