如果刷新，关闭或新建标签，如何检测浏览器

Question

嘿，我正在计算用户在页面上花费的时间。 我的问题是如何检测页面是否刷新或正在打开新标签页

Answer 1

if (window.performance) {
  console.info("window.performance works fine on this browser");
}
  if (performance.navigation.type == 1) {
    console.info( "This page is reloaded" );
  } else {
    console.info( "This page is not reloaded");
  }

Answer 2

• 要进行刷新，您可以使用window.onbeforeunload并编写一个函数。
• 对于新标签，您可以使用window.onblur并编写一个函数。

这两个钩子在所有主流浏览器Chrome，Firefox，Safari，Edge和IE上都是兼容的。