屏幕刷新率测试
实测浏览器渲染刷新率，统计平均/最高/最低 Hz 与帧间隔抖动
屏幕刷新率测试是做什么的
想知道屏幕实际跑在 60Hz 还是 120Hz、开高刷后浏览器有没有跟上？本工具通过 requestAnimationFrame 连续采样 120 帧，实时显示当前 Hz，并给出平均、最高、最低刷新率，配合帧间隔统计量化输出稳定性。
页面内置一颗匀速巡游的 UFO 小球，肉眼直观感受不同刷新率下的顺滑差异；测量同时记录每帧间隔，统计标准差（抖动）、最长一帧和疑似掉帧次数，并绘制帧间隔分布图，众数间隔即为 1000÷刷新率。
核心功能
- rAF 采样 120 帧实测刷新率
- 实时 Hz 与平均/最高/最低 Hz 同屏显示
- UFO 小球匀速巡游直观感受流畅度
- 帧间隔抖动标准差与掉帧次数统计
- 帧间隔分布直方图辅助判断
屏幕刷新率测试怎么用
实测浏览器渲染刷新率，统计平均/最高/最低 Hz 与帧间隔抖动
- 保持本页面在前台，关闭其它高负载程序
- 点击「开始测量」，观察小球同时等待采样完成
- 查看实时、平均、最高最低 Hz 及抖动报告
- 切换显示档位后可重复测量对比结果
适合这些场景
- 验证高刷屏与浏览器设置是否生效
- 排查系统掉帧、卡顿的性能基线
- 对比不同设备的渲染流畅度
常见问题
测出来的数值比标称刷新率低？
rAF 受浏览器渲染管线与垂直同步影响，测得值接近但可能略低于面板标称值；另外省电模式、系统动态刷新率也会拉低结果。
为什么采样会暂停或数值异常？
切换标签页时浏览器会暂停 rAF，帧间隔会出现大空洞；测量期间请保持页面前台，异常帧已被自动过滤。
抖动大说明什么？
标准差偏大说明帧间隔不稳定，常见原因是后台任务占用、省电模式或驱动问题，可关闭无关程序后重测对比。