无需登录 数据私有 本地保存

用户空闲检测高级演示 - 区分空闲/锁定

11
0
0
0

用户空闲检测演示

实时监测用户状态：活跃 · 空闲 · 锁定/离开

活跃中

00:00

距空闲阈值还有 5 秒

总活跃时长

00:00:00

总空闲时长

00:00:00

总锁定时长

00:00:00

状态切换
0 次
最后活动
刚刚
当前状态持续
0秒
检测设置
1秒（快速演示）60秒（实际场景）
状态变化时推送通知
提示：切换浏览器标签页或锁屏可触发锁定状态；停止操作鼠标键盘达到阈值可触发空闲状态。
当前检测事件
mousemove keydown click scroll touchmove visibilitychange
以上事件用于判断用户活动状态
事件日志
0 条记录

等待状态变化...

常见问题与知识点
用户空闲检测是指通过监听用户的交互行为（如鼠标移动、键盘输入、触摸操作等）来判断用户是否在计算机前活跃。当用户在一段时间内没有任何交互行为时，系统判定用户处于"空闲"状态。这项技术广泛应用于在线教育、客服系统、安全监控和用户体验优化等领域。
Page Visibility API 允许开发者检测页面是否对用户可见。当 document.visibilityState 为 'hidden' 时，表示用户可能锁屏、切换了标签页或最小化了浏览器，本工具将其判定为锁定/离开状态。而空闲状态则是页面可见但用户停止交互超过设定阈值的情况。两者的核心区别在于页面是否可见。
  • 在线教育：检测学生是否离开屏幕，评估参与度
  • 客服系统：判断客服人员是否可接单
  • 安全防护：用户离开时自动锁定敏感页面
  • 节能优化：停止不必要的动画和网络请求
  • 用户分析：了解用户行为模式，优化产品设计
  • 即时通讯：自动设置在线/离开状态
Page Visibility API 和用户交互事件在现代浏览器中均有良好支持，包括 Chrome、Firefox、Safari、Edge 等主流浏览器。移动端同样支持触摸事件（touchstart、touchmove）和 Page Visibility API，可以准确检测用户锁屏或切换应用的行为。本工具已适配移动端响应式布局。
本工具所有检测均在浏览器本地进行，不收集、不上传任何用户数据。空闲检测仅监听交互事件的时间戳，不记录具体的键盘输入内容或鼠标轨迹。Page Visibility API 也只返回页面的可见性状态（可见/隐藏），不会泄露用户具体在查看什么内容。用户可以放心使用。
通过工具中的滑块即可调整空闲阈值（1-60秒）。对于演示用途，建议设置3-5秒以便快速观察状态变化；对于实际应用，通常设置为30秒到5分钟不等，具体取决于应用场景。例如在线考试系统可能设置30秒，而客服系统可能设置2-5分钟。
🔧 相关工具