js 判断当前页面是否被浏览
有次查资料的时候发现了一个有趣的title:/
根据是否被浏览,切换不同的颜文字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);
效果截图
被浏览时:
不被浏览时(浏览其他页面时):
知识点来源于 /question/541794991.html