Bootstrap

当onPageShow和window.location.reload()同时出现时候的问题

出现的问题:

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判断还会进来,就不明白了。

;