Skip to content

Page Visibility API

作用

获取当前页面对用户是否可见的信息

document.visibilityState

只读

  • 'visible' : 此时页面内容至少是部分可见. 即此页面在前景标签页中,并且窗口没有最小化
  • 'hidden' : 此时页面对用户不可见. 即文档处于背景标签页或者窗口处于最小化状态,或者操作系统正处于 '锁屏状态'
  • 'prerender' : 页面此时正在渲染中, 因此是不可见的,文档只能从此状态开始,永远不能从其他值变为此状态

事件

  • visibilitychange:会在文档从隐藏变可见,或可见变隐藏时触发