visibilitychange

最近研究 HTML5，发现 H5 一个比较特别的新事件，这个事件监听当前网页在可见和不可见之间变换的时候调用。

比如用户正在看新闻，看到一半切去看视频了，这个时候新闻端就能通过 visibilitychange 发现用户没有在看自己了，进而根据实际需要暂停请求或者一些别的操作，等用户切回来的时候再继续加载。

具体操作

通过 document.hidden 属性判断网页标签是否可见，true 表示不可见。

此事件时候在标签不可见的时候减少网络请求、缓解服务器压力，也可以进行一些比较有意思的操作，比如改变网页标题的文字。

1
2
3

document.addEventListener("visibilitychange", function(){
    document.title = document.hidden ? "(つェ⊂) 我藏好了哦~" : "(*´∇｀*) 被你发现啦~"
})