javascript - 如何检测浏览器强制刷新事件 - 跨浏览器

Question

我想检测 JavaScript 上的强制刷新事件。当用户单击浏览器重新加载按钮或按 Ctrl + f5(在 Windows 上)/Cmd + r(在Mac)和移动设备上的刷新。

我尝试了 beforeunload 事件，但此事件会在每个页面加载并导航到其他页面时触发。

window.addEventListener('beforeunload', function (event) {
   // This not working exactly what I want.
})

Answer 1

我能想到的最好的解决方案是 Navigation Timing

window.performance 属性为性能相关属性提供托管区域。

if (window.performance) {
  if (performance.navigation.type === performance.navigation.TYPE_RELOAD) {
    console.info( "Reload detected" );
  } else {
    console.info( "Reload not detected");
  }
} else {
  console.info("window.performance is not supported");
}