所谓页面可见性,就是获取当前页面的可见状态。可以通过页面可见性(Page Visibility)API 来判断当前页面是显示状态还是隐藏状态。
- 常用的 API 有三个,document.hidden 返回一个布尔值,如果是 true,表示当前页面隐藏,false 则表示页面可见
- 不同页面之间来回切换,会触发 visibilitychange 事件,还有一个 document.visibilityState,表示页面所处的状态。
常见的用途:
- 网站有图片轮播效果,只有在用户观看轮播的时候,才会自动展示下一张幻灯片。
- 停止动画,省电