📊 页面可见性追踪测试

测试新的 Page Visibility API 集成 - 只追踪用户真正看到页面的时间

🧪 测试说明

  1. 点击"开始测试"按钮开始计时
  2. 尝试切换到其他标签页，然后切换回来，观察"可见时间"是否停止计时
  3. 尝试最小化浏览器，然后恢复，观察计时变化
  4. 点击"记录结果"查看 SDK 记录的实际可见时间
  5. 对比"总时间"和"可见时间"的差异

页面状态: 可见

⏱️ 总时间（包含隐藏时间）

00:00:00

从开始到现在的所有时间

✅ 实际可见时间（新追踪方式）

00:00:00

只计算页面可见的时间

📈 详细指标

页面隐藏时间
0秒
切换次数
0次
准确度提升
-
SDK记录时间
未记录

🔍 新旧实现对比

特性 旧实现 新实现（当前）
计时方式 简单时间差（结束时间 - 开始时间） 累积可见时间段
切换标签页 ❌ 继续计时 ✅ 暂停计时
最小化窗口 ❌ 继续计时 ✅ 暂停计时
锁屏/切换应用 ❌ 继续计时 ✅ 暂停计时
用户交互检测 ❌ 无 ✅ 追踪最后交互时间
Page Visibility API ❌ 未使用 ✅ 使用 visibilitychange 事件

📝 事件日志