如何使用屏幕刷新率检测
- 关闭其他占用显卡的程序,把本页面放在要测试的显示器上(多屏时拖到对应屏幕)。
- 保持页面在前台,等待 3–5 秒读数稳定,查看估算刷新率与最接近的标准档位。
- 观察帧时间曲线是否平稳;尖峰代表掉帧或卡顿。
- 打开移动方块测试,比较不同速度下的拖影与清晰度。
浏览器如何测刷新率
浏览器在每次屏幕刷新前调用 requestAnimationFrame。记录相邻两次调用的时间差(帧时间),取稳定后的中位数换算成 Hz:16.7 ms 约为 60 Hz,8.3 ms 约为 120 Hz,6.9 ms 约为 144 Hz。工具会把结果对齐到最近的常见档位,方便与显示器标称值对照。
为什么测出来不是标称值
常见原因:系统显示设置里没有选高刷新率;线材或接口带宽不足(如 HDMI 1.4 跑不了 4K 144Hz);笔记本节能模式或手机省电模式限制了刷新率;浏览器关闭了硬件加速;多屏时页面不在高刷屏上。VRR/可变刷新率下读数可能随负载波动。
帧时间、抖动和掉帧
帧时间越稳定,画面越顺滑。抖动(帧时间标准差)大说明系统调度不稳定;某一帧明显超过 1.5 倍平均帧时间,就计为一次掉帧。玩游戏或看视频时出现卡顿,可以先用这里排查系统与显示链路。
常见问题
网页测出的刷新率可靠吗?
对于判断「高刷有没有开启」足够可靠。它测的是浏览器实际的帧节奏,可能受浏览器限帧、后台标签页节流和省电模式影响,不能代替硬件仪器。
Safari 为什么只显示 60Hz?
部分版本的 Safari 和低电量模式会把网页动画限制在 60Hz。可以在 iPhone/iPad 设置中关闭低电量模式,或使用 Chrome、Edge 测试。
如何把显示器设成 144Hz?
Windows:设置 → 显示 → 高级显示 → 选择刷新率;macOS:系统设置 → 显示器 → 刷新率。同时确认使用 DP 或支持高刷的 HDMI 线材,并在显卡控制面板中选择对应模式。
移动方块测试有什么用?
它以固定速度移动方块,帮助你肉眼比较拖影和运动模糊。高刷新率与更快的像素响应会让方块边缘更清晰。
测试会占用很多资源吗?
不会。测试只记录帧时间并绘制简单曲线,切到后台时浏览器会暂停测量。