专业级屏幕刷新率测试工具
实时检测显示器刷新率，可视化帧时间一致性，三速运动方块验证拖影表现。
精准帧率检测
基于 requestAnimationFrame 的精准帧率计算，实时显示当前、最高、最低、平均帧率。采样间隔 1 秒，确保数据稳定可靠。
运动方块测试
三档速度（1x/2x/4x）的运动方块同步滑动。高刷新率屏幕方块边缘更锐利，低刷新率则会出现明显拖影和运动模糊。
帧时间可视化
实时帧间隔柱状图，直观反映帧率稳定性。均匀的绿色柱体代表稳定输出，突兀的红色尖峰代表掉帧——这比平均帧率更能反映流畅度。
什么是屏幕刷新率？
理解 Hz、FPS 和帧时间的关系。
刷新率 (Hz)
显示器每秒刷新画面的次数，由硬件决定。60Hz 表示每秒刷新 60 次（每帧 16.67ms），144Hz 表示每秒 144 次（每帧 6.94ms）。刷新率越高，运动画面越流畅，输入延迟越低。
帧率 (FPS)
FPS 是显卡每秒渲染的帧数。浏览器中 FPS 受到 V-Sync 限制——浏览器会将渲染帧率锁定在显示器刷新率。因此本工具测量的实际是显示器的有效刷新率。
帧时间 (Frame Time)
相邻两帧之间的时间间隔。60Hz 理想帧时间为 16.67ms，144Hz 为 6.94ms。帧时间的一致性比平均帧率更重要——即使平均 60 FPS，如果频繁出现 30ms 尖峰，体验仍会卡顿。
如何进行刷新率测试
三步验证屏幕刷新率是否达标。
确认系统设置
进入系统显示设置，确认刷新率已设为最高值。Windows：设置→显示→高级显示设置；macOS：系统偏好→显示器。很多高刷屏出厂默认 60Hz，需手动切换。
观察实时帧率
本工具的 Hz 仪表盘应该稳定在你设置的刷新率值。如果 144Hz 设置下只显示 60，检查线缆标准（需 DP 1.2+ 或 HDMI 2.0+）和浏览器硬件加速是否开启。
验证运动流畅度
观察运动方块测试——高速方块在高刷新率下边缘应清晰可辨。如果肉眼感觉和 60Hz 无区别，可能是系统实际未生效或显示器虚标。
刷新率标准详解
60 Hz (标准)
最基础的刷新率，满足日常办公、网页浏览和视频观看。大多数内容以 24/30/60 FPS 制作，60Hz 能完美覆盖。帧间隔 16.67ms。
120/144 Hz (高刷)
电竞和高端显示器的主流配置。相较 60Hz，流畅度提升 100-140%，在快速滑动页面、玩游戏时差异肉眼可见。帧间隔 6.94-8.33ms。
240 Hz (电竞)
面向专业电竞玩家。相较 144Hz 的提升不如 60→144 明显，但在竞技场景中每一毫秒的输入延迟降低都有价值。帧间隔 4.17ms。
可变刷新率 (VRR)
G-Sync / FreeSync / HDMI VRR 技术，让显示器刷新率动态匹配显卡输出帧率，消除画面撕裂和卡顿。浏览器 V-Sync 已经实现类似效果。
不同场景的刷新率需求
了解各使用场景对刷新率的实际要求。
办公与网页
推荐刷新率：
• 升级到 120Hz 后滚动网页和移动窗口会更流畅。
• 超过 120Hz 对办公场景几乎没有感知提升。
• macOS 的 ProMotion 自适应刷新率是最佳方案。
游戏（竞技）
推荐刷新率：
• 需要显卡性能匹配——帧率应稳定达到刷新率。
• 开启 G-Sync/FreeSync 可在帧率波动时保持流畅。
• 响应时间也很关键——1ms GtG 配合高刷新率效果最佳。
视频与影视
推荐刷新率：
• 60Hz 覆盖所有主流视频内容的需求。
• 120Hz 可实现 24fps 和 30fps 的整数倍显示。
• 高刷新率对非整数帧率内容需要帧插值（MEMC）。
移动设备
刷新率生态：
• Android 旗舰普遍 120Hz，部分支持 144Hz。
• 自适应刷新率（LTPO）可在静态画面降至 1Hz 省电。
• 移动端高刷对滚动、动画的体验提升非常明显。
确保高刷新率生效
系统设置
手动将刷新率设为最高。Windows 默认可能选择 60Hz，即使显示器支持更高。
线缆标准
HDMI 2.0 最高 4K@60Hz，DP 1.4 最高 4K@120Hz。线缆不达标会静默降频。
硬件加速
浏览器设置中确保开启硬件加速。关闭硬件加速时帧率可能锁定在 60Hz。
电源模式
笔记本省电模式可能将刷新率降至 60Hz。确保使用高性能模式。
常见问题解答
Q.为什么检测到 60Hz 但我的屏幕是 144Hz？
最常见原因：1) 系统显示设置中刷新率未切换到 144Hz（默认常为 60Hz）；2) 使用了 HDMI 1.4 线缆（最高 1080p@120Hz）；3) 浏览器未开启硬件加速；4) 笔记本处于省电模式。
Q.浏览器测量的刷新率准确吗？
浏览器通过 requestAnimationFrame 回调频率间接测量，受 V-Sync 限制。正常情况下非常准确（误差 ±1-2Hz）。但后台标签页、系统负载过高、或浏览器节能策略可能导致偏低。
Q.为什么帧时间图有红色尖峰？
红色尖峰表示该帧渲染时间超过 20ms（掉帧）。常见原因：系统后台任务占用 CPU/GPU、浏览器垃圾回收、或其他标签页抢占资源。偶尔出现正常，频繁出现则影响流畅度。
Q.高刷新率对眼睛有害吗？
恰恰相反。高刷新率减少了闪烁和运动模糊，长时间使用反而更不容易视觉疲劳。但高刷屏不是护眼的替代——正确的亮度、距离和休息习惯才是关键。
Q.60Hz 和 144Hz 差别真的大吗？
肉眼可见的差异。最直观的对比：快速滚动网页或在桌面移动窗口，144Hz 的物体边缘更清晰，60Hz 会有明显的运动模糊。但超过 144Hz 后的提升会递减。
Q.VRR 和固定刷新率哪个好？
VRR（可变刷新率）在帧率不稳定时优势明显——它能消除画面撕裂，同时避免 V-Sync 的输入延迟。如果你的帧率始终能稳定在显示器最大刷新率，两者体验基本一致。
刷新率设置小贴士
- • Windows： 右键桌面→显示设置→高级显示设置→选择刷新率。
- • macOS： 系统偏好设置→显示器→按住 Option 点刷新率→选择最高值。
- • 显卡驱动： NVIDIA 控制面板或 AMD Software 中也可以设置刷新率，且选项可能更全。
- • 验证方法： 切换刷新率后，快速左右摇晃鼠标指针——高刷下指针应该明显更丝滑。