页面可见性API

一、是什么

页面可见性API（Page Visibility API）是一个为了让你知道页面当前是否对用户可见而推出的一个HTML5 API。

它由三个部分组成：

1· document.hidden属性：布尔值，当页面被隐藏时（切换标签或者最小化浏览器时），返回true

2· document.visibilityState属性：这是一个字符串指示页面的状态，它有四个值

· visible 页面在当前可视范围内

· hidden 页面在后台标签页或浏览器最小化

· prerender 页面在后台标签页或浏览器最小化，但是可以通过某些方式看到预览（例如window系统中把鼠标移到任务栏浏览器图标会浮出一个预览的小窗口）

· unloaded 页面尚未被加载

3· visibilitychange事件：当用户将页面从可见切换为不可见，或将不可见切换为可见时，触发该事件

根据上面三个部分，可以写出这么一个例子：