如果刷新或关闭或新选项卡，如何检测浏览器

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。