js 判断当前页面是否被浏览

有次查资料的时候发现了一个有趣的title：http://www.oicqzone.com/ 
根据是否被浏览，切换不同的颜文字title，非常可爱~ 
然后就百度了这个知识点，接着联想此功能还可以联想到减少请求次数，节约流量等用处等等。

可以通过document.hidden属性判断当前页面是否是激活状态。 
兼容性：IE10+，Firefox10+,Chrome14+,Opera12.1+,Safari7.1+ 

兼容性写法示例：

 var hiddenProperty = "hidden" in document ? "hidden" :    
        "webkitHidden" in document ? "webkitHidden" :    
        "mozHidden" in document ? "mozHidden" :    
        null;
    var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, "visibilitychange");
    var onVisibilityChange = function(){
        if (!document[hiddenProperty]) {    
            document.title="被发现啦(*´∇｀*)";
        }else{
            document.title="藏好啦(つд⊂)  ";
        }
    }
    document.addEventListener(visibilityChangeEvent, onVisibilityChange);

效果截图

被浏览时：

不被浏览时（浏览其他页面时）：