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

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。