怎样判断当前文档的显示状态

使用 document.visibilityState, 可以返回文档的显示状态, 它并不是一个布尔值, 而是文档的类似生命周期一样的状态. 它可以返回四种值: 

1. visible: 页面可见或部分可见, 可以不是焦点窗口, 可以被其他窗口挡住;

2. hiddle: 页面不可见, 可能是浏览器被最小化, 可能是切换到了另外一个标签页去了;

3. prerender: 页面不可见, 文档处于正在渲染的状态;

4. unloaded: 页面从内存里面卸载了;

document.visibilityState;
// "visible"

 

注意: 这个属性一般的用法是在页面加载或渲染时停止加载某些资源, 或者在页面不可见时停掉一些页面功能;