我需要以某种方式检测用户是否按下了浏览器的后退按钮并使用 jquery 刷新页面（重新加载内容和 CSS）。
如何通过 jquery 检测此类操作？
因为现在如果我在浏览器中使用后退按钮，则不会重新加载某些元素。但是，如果我使用网站中的链接，一切都会刷新并正确显示。
重要的！
有些人可能误解了我想要什么。我不想刷新当前页面。我想刷新按后退按钮后加载的页面。这是我更详细的意思：
pageshow当浏览器通过历史遍历导航到您的页面时，您可以使用事件来处理情况：
window.addEventListener( "pageshow", function ( event ) {
var historyTraversal = event.persisted ||
( typeof window.performance != "undefined" &&
window.performance.navigation.type === 2 );
if ( historyTraversal ) {
// Handle page restore.
window.location.reload();
}
});
请注意，也可能涉及 HTTP 缓存。您需要在服务器上设置适当的缓存相关 HTTP 标头以仅缓存那些需要缓存的资源。您还可以强制重新加载以指示浏览器忽略 HTTP 缓存：window.location.reload( true )。但我不认为这是最好的解决方案。
有关更多信息，请检查：
自发布以来已经有一段时间了，但如果您不需要支持旧浏览器，我找到了一个更优雅的解决方案。
你可以做一个检查
performance.navigation.type
包括浏览器支持在内的文档在这里：https : //developer.mozilla.org/en-US/docs/Web/API/Performance/navigation
因此，要查看页面是否是使用 back 从历史记录中加载的，您可以执行以下操作
if(performance.navigation.type == 2){
location.reload(true);
}
该2指示页面被导航到历史访问。其他可能性是——
0:通过点击链接、书签、表单提交或脚本，或通过在地址栏中键入 URL 来访问该页面。
1:该页面是通过单击重新加载按钮或通过 Location.reload() 方法访问的。
255: 任何其他方式
这些在此处详细说明：https : //developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigation
注意Performance.navigation.type现在已被弃用，取而代之的是PerformanceNavigationTiming.type，它返回“navigate”/“reload”/“back_forward”/“prerender”：https : //developer.mozilla.org/en-US/docs/Web /API/PerformanceNavigationTiming/类型
只需使用 jquery ：
jQuery( document ).ready(function( $ ) {
//Use this inside your document ready jQuery
$(window).on('popstate', function() {
location.reload(true);
});
});
当使用 ajax 单击后退或前进按钮时，以上将 100% 工作。
如果没有，则脚本的不同部分中一定存在错误配置。
例如，如果使用上一篇文章中的示例之一，它可能不会重新加载 window.history.pushState('', null, './');
所以当你使用时，请history.pushState();
确保正确使用它。
在大多数情况下，您只需要以下建议：
history.pushState(url, '', url);
没有 window.history... 并确保定义了url。
希望有帮助..
由于performance.navigation现在已弃用，您可以尝试以下操作：
var perfEntries = performance.getEntriesByType("navigation");
if (perfEntries[0].type === "back_forward") {
location.reload(true);
}
您应该使用隐藏输入作为刷新指示器，值为“no”：
<input type="hidden" id="refresh" value="no">
现在使用 jQuery，你可以检查它的值：
$(document).ready(function(e) {
var $input = $('#refresh');
$input.val() == 'yes' ? location.reload(true) : $input.val('yes');
});
当您单击后退按钮时，隐藏字段中的值保留与您最初离开页面时相同的值。
所以第一次加载页面时，输入的值为“no”。当您返回该页面时，它会是“是”并且您的 JavaScript 代码将触发刷新。