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

效果截图

被浏览时：



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



知识点来源于 https://zhidao.baidu.com/question/541794991.html