visibilitychange 页面可见性 API

页面可见性 API，可以帮助我们检测当前用户是不是还在当前页面，当网页被最小化或者切换到其他 tab 的时候，会触发一个 visibilitychange 事件，我们就可以在这个时候去停掉一些耗时的操作来节省资源。

document.addEventListener(visibilityChange, handleVisibilityChange, false);
function handleVisibilityChange() {
  if (document.hidden) {
    // 页面隐藏了
  } else {
    // 页面又活跃了
  }
}