ifvisible.js页面可见性检测库
跨浏览器状态监听的利器 ifvisible.js，用起来挺顺手的。轻量、没依赖，能判断用户是不是在看页面，或者多久没动鼠标键盘，适合搞弹窗提醒、自动暂停视频之类的交互优化场景。
页面可见性的判断，主要靠 ifvisible.now() 方法。你可以这样写：
if (ifvisible.now()) {
openPopUp();
}意思就是：只要页面当前可见，就执行弹窗。
还支持判断页面是不是“隐藏”状态，比如切到别的标签页时：
if (!ifvisible.now('hidden')) {
openPopUp();
}判断逻辑挺直观的，状态还包括 idle，也就是用户挂那儿没动的情况。
支持 npm、bower、meteor 安装，基本上你项目啥环境都能用：
npm install ifvisible.js --save
bower install ifvisible.js
mrt add ifvisible如果你做的是多标签页交互、用户行为监控或自动节能切换这类功能，这工具还挺适合的。毕竟有些场景，用户走了还不停播视频、跑求，多少有点浪费。
顺带一提，如果你对浏览器交互、兼容性优化感兴趣，可以看看下面这些资源：
如果你做的前端项目有用户状态依赖，不妨试试 ifvisible.js，装起来简单，用起来顺手。
文件大小：390.4KB
评论区