页面可见性API
一、是什么
页面可见性API(Page Visibility API)是一个为了让你知道页面当前是否对用户可见而推出的一个HTML5 API。
它由三个部分组成:
1· document.hidden
属性:布尔值,当页面被隐藏时(切换标签或者最小化浏览器时),返回true
2· document.visibilityState
属性:这是一个字符串指示页面的状态,它有四个值
· visible 页面在当前可视范围内
· hidden 页面在后台标签页或浏览器最小化
· prerender 页面在后台标签页或浏览器最小化,但是可以通过某些方式看到预览(例如window系统中把鼠标移到任务栏浏览器图标会浮出一个预览的小窗口)
· unloaded 页面尚未被加载
3· visibilitychange
事件:当用户将页面从可见切换为不可见,或将不可见切换为可见时,触发该事件
根据上面三个部分,可以写出这么一个例子:
阅读全文