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

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);

效果截图

被浏览时：

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