Question

当您按下谷歌浏览器中的后退按钮时，似乎它会缓存源代码（而不是FF中的DOM，但这只是观察，而不是我肯定知道的一些事情）。

有时我需要阻止此类缓存，例如当您在结帐过程中，重定向到PayPal等。

我该怎么做？

Answer 1

这确实是一个问题，而且似乎是针对Chrome的。在我的情况下，我只关心如果它包含一个表单而显示的旧页面，并且我的所有表单都是使用我编写的相同AJAX表单库提交的，所以我在执行重定向之前添加了此代码以运行（重定向）是使用window.location = ...）在JS中完成的：

//If the user clicks the back button after submitting the form and being redirected,
//Google Chrome redisplays previous entries even if they have since been changed
//(its caching works differently from other browsers).
//This is a (non-foolproof) hack to try to prevent this.
if (window.chrome) {
    //This re-requests the page headers for the current page,
    //which causes Chrome to clear its cache of the page.
    //Unfortunately there appears to be no other client-side way of preventing this caching issue in Chrome.
    $.ajax({
        url: window.location,
        method: 'HEAD'
    })
}

当然，在服务器端设置无缓存标头会更清晰，但我不想为所有页面做这些，而且我没有＆＃39 ; t想要检测哪些页面包含表单（或在这些页面上手动设置缓存标题），以防止在Chrome中出现此问题。

我希望有一个更好的解决方案，但我还没找到一个......

Answer 2

<script type = "text/javascript" >
    history.pushState(null, null, '');
    window.addEventListener('popstate', function(event) {
    history.pushState(null, null, '');
    });
    </script>

添加此javascript，这应该阻止后退按钮，您可以使用此方法作为替代

按BACK按钮时阻止缓存

2 个答案: