HTML5的页面可见性（Page Visibility）有哪些应用场景？

document.addEventListener('visibilitychange', (e) => {
  if (document.visibilityState === 'hidden') {
    document.title = '页面不可见';
  }
  if (document.visibilityState === 'visible') {
    document.title = '页面可见';
  }
})

hidden的条件

1、PC端窗口最小化或切换到其他标签页
2、移动端切换最近任务、返回桌面

应用场景

1、停止页面音视频
2、停止服务器的轮询