移动端 点击返回按钮页面不刷新

Posted 2023-03-25

参考技术A 最近在做移动端项目，遇到了点击返回按钮页面不刷新的情况，一些失效的信息还是会显示在页面上。这个问题在iPhone 手机上会出现，在android手机上返回会自动刷新（由于手机机器种类不多，无法做更多测试，欢迎补充）。

为了解决这个问题实验了很多解决办法用计时器呀onload呀都不行，后来找到了一个方法pageshow。
onpageshow 事件在用户浏览网页时触发。
onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发，此外还有pagehide在不显示的时候触发。

为了查看页面是直接从服务器上载入还是从缓存中读取，可以使用 PageTransitionEvent 对象的 persisted 属性来判断。

处理方法为：

欢迎大家评论点赞哦～～～
喜欢的关注吧