📊 Stats SDK 浏览器测试
测试版本: 1.0.0 | 打开浏览器控制台查看详细日志
1. SDK 初始化
2. 事件上报测试
⚠️ 重要提示:sendBeacon 在本地开发环境可能失效
• sendBeacon API 在某些浏览器的本地开发环境(localhost、127.0.0.1、file:// 协议)中可能无法正常工作
• 本地开发时,clickReport 可能会自动降级为常规的 fetch/XHR 上报
• 建议在部署环境(HTTPS 或生产域名)中验证 sendBeacon 功能
• 如果需要在本地测试,可以使用 npm run serve:example 启动本地服务器
3. 错误上报测试
⚠️ 注意:这些操作会触发真实的 JavaScript 错误,用于测试错误上报功能。错误会被自动捕获并上报。
4. 页面时长上报测试
ℹ️ 说明:页面时长追踪使用 Page Visibility API 和 sendBeacon,只计算页面可见时长(排除切换标签页、最小化窗口等时间)。
💡 提示:在"事件上报测试"部分也有"🔄 上报点击游戏并刷新页面"按钮,可以测试 clickReport 的 sendBeacon 功能。
⚠️ 重要:sendBeacon 在本地开发环境可能失效,建议在部署环境(HTTPS 或生产域名)中验证页面时长上报功能。
💡 测试建议:
- 启用追踪后,等待几秒钟,然后点击"获取当前页面时长"查看累计时长
- 切换浏览器标签页或最小化窗口,再切换回来,时长会暂停计算
- 点击"🔄 刷新页面测试上报"按钮可以测试页面卸载时的时长上报(使用 sendBeacon)
- 刷新页面或关闭标签页时,会自动上报页面时长(使用 sendBeacon)
- 如果上报失败,数据会保存在 sessionStorage,下次页面加载时会自动上报
- 刷新后可以在浏览器开发者工具的 Network 标签中查看上报请求
5. 用户信息管理
7. 工具函数