当页面返回不刷新时进行强制刷新

最新推荐文章于 2021-12-17 15:21:27 发布

weixin_30558305

最新推荐文章于 2021-12-17 15:21:27 发布

阅读量221

点赞数

CC 4.0 BY-SA版权

文章标签：测试

原文链接：http://www.cnblogs.com/lichuntian/p/6387504.html

本文介绍了两种在特定情况下禁用浏览器BFCache的方法：一种是在跳转到被BFCache缓存的页面前，确保页面强制刷新；另一种是在当前页面产生BFCache后，通过后续操作触发页面强制刷新。

disableBFCacheBeforeHistoryTravel: function() {
        // https://www.google.com/search?q=BFCache
        // 情景：将要跳转到某一被 BFCache 了的页面，希望该页面强制刷新
        // 用法：在 history.go() history.back() 之前调用此方法

        localStorage.setItem('bfcache_disable', true);
    },
    preventBFCacheOnCurrentPageBeforeHistoryTravel: function() {
        // https://www.google.com/search?q=BFCache
        // 情景：当前页面产生了 BFCache ，之后可能会再跳回来，此时会发生页面部分 js 没有执行，需要强制重新刷新的情况
        // 用法：在 location.href = 'xxx' / location.replace 之前 或 a.onclick 之时，调用此方法

        localStorage.removeItem('bfcache_disable');
        var timer;
        var stopLoop = function() {
            clearInterval(timer);
        };
        var loop = function() {
            if(localStorage.getItem('bfcache_disable')) {
                localStorage.removeItem('bfcache_disable');
                stopLoop();
                location.reload();
            }
        };
        timer = setInterval(loop, 100);
        //auto stop after 5000 seconds
        setTimeout(stopLoop, 5000);
    }

转载于:https://www.cnblogs.com/lichuntian/p/6387504.html