微信web页面返回刷新

Posted crf-Aaron

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信web页面返回刷新相关的知识,希望对你有一定的参考价值。

问题:在微信web页面开发的过程中,会遇到返回上一个页面数据没有刷新的情况。

解决方案:在该页面监控用户的浏览,每次加载都刷新页面。

1 window.onpageshow = function(event){
2     if (event.persisted) {
3         window.location.reload();
4     }
5 }

onpageshow 事件在用户浏览网页时触发。

onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, onpageshow 事件在每次加载页面时触发,即 onload 事件在页面从浏览器缓存中读取时不触发。

为了查看页面是直接从服务器上载入还是从缓存中读取,可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false 。

window.location.reload() 强制刷新当前页面。

以上是关于微信web页面返回刷新的主要内容,如果未能解决你的问题,请参考以下文章

直击根源:微信小程序中web-view再次刷新后页面需要退两次

《解决微信内置浏览器返回上一页强制刷新问题方法》

web发布新版本,前端页面如何自动刷新

微信浏览器返回刷新,监听微信浏览器返回事件,网页防复制

钉钉和微信,监听自带的返回功能事件,刷新页面

微信小程序跳转页面,返回页面后刷新数据