html5新加了window.visibilitychange事件以及window.visibilityState属性，当浏览器标签页被隐藏或显示时会触发window.vixibilitychange这个事件，同时会改变window.visibilityState的值（网页显示时为visible，网页隐藏时为hidden），利用这两个特性可以对网页状态进行监听。

使用示例：

document.addEventListener("visibilitychange", function() {  console.log( document.visibilityState ); //visible 或 hidden});

浏览器兼容性：