出现的问题:
jquery写的,A列表 页面跳转到B详情页面,用默认浏览器的返回按钮返回后,发现页面更新了,最后两个翻页的接口,并且列表商品没有在原来的位置,上蹿下跳的感觉,后退刷新了,后面在排查代码中发现,是以下的代码导致的
window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload();
}
};
onpageshow用法是,如果页面从浏览器的缓存中读取该属性返回 ture,否则返回 false
刚开始,页面打断点时,当页面返回时,并没有走到event.persisted的判断里面,也就想当然的认为这个reload()方法并没有执行。然而,排查到后面,发现,event.persisted在返回时,虽然打印的是false,可是也执行了reload(),很奇怪,不明白为什么if (false){}里面的reload方法也可以执行。
问题是解决了,但是为啥false判断还会进来,就不明白了。