js 判断当前页面是否被浏览
2017-09-18 17:29
253 查看
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);
效果截图
被浏览时:不被浏览时(浏览其他页面时):
相关文章推荐
- js判断用户是否正在浏览当前页面
- js 判断当前页面是否被浏览
- [JS] js 判断用户是否在浏览当前页面
- js 判断当前页面是否被浏览
- JS判断当前页面是否在微信浏览器打开的方法
- 原生Js判断当前页面是否是第一次打开
- js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值(获取URL的?或者#)
- js判断是否在iframe中;解决F5刷新浏览器时,iframe都会变成默认页面,而不是当前页面
- JS判断当前页面是否在微信浏览器打开的方法
- JS判断用户是否有权限进入当前页面,没有直接关闭(解决IE7以上版本提示问题)
- js判断是否手机浏览页面
- 离开当前页面前使用js判断条件提示是否要离开页面
- 离开当前页面前使用js判断条件提示是否要离开页面
- JS判断是否离开当前页面
- js/jquery获取当前页面URL地址并判断URL字符串中是否包含某个具体值
- JavaScript判断页面当前浏览设备为移动端还是PC端,实现自动加载对应端页面
- 页面加载时判断是否登陆(js)
- js判断当前页面是http还是https
- 判断是否安装flash player及当前版本的JS代码
- html判断当前页面是否在iframe中/顶级document中