浏览器点击返回并刷新页面

原创于 2018-03-29 16:28:11 发布 · 862 阅读

0 ·

CC 4.0 BY-SA版权

踩过的坑专栏收录该内容

3 篇文章

订阅专栏

本文提供了一种通过JavaScript实现的方法来防止在移动端Safari等浏览器中从缓存加载网页，适用于多种浏览器包括Android上的QQ浏览器、Chrome、UC浏览器、微信以及iOS上的Safari、Chrome、UC浏览器和微信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考：How to prevent reloading of web page from cache while using mobile safari browser?

兼容性（未记录手机、软件版本，请自行测试后使用）：

Android：QQ浏览器、chrome、UC浏览器、微信，

IOS：Safari、chrome、UC浏览器、微信

解决方案：

<script>

    window.addEventListener('pagehide', function(){
        // 直接reload在QQ浏览器不会触发，需要在setTimeout里调用
        setTimeout(function(){
            var timeStamp = localStorage.getItem('timeStamp');
            var timeDiffer = Date.now() - timeStamp;
            // 不是本页面刷新或者两次设置时间戳大于3000ms时刷新
            if (document.referrer != location.href || timeDiffer > 3000) {
                localStorage.setItem('reload', true);
                location.reload();
            }
            localStorage.setItem('timeStamp', Date.now());
        });
    });

</script>