简体中文
Englishvsynctester.com 说 Chrome、Firefox、Edge 的 VSYNC 有问题,我该注意什么?
更新时间
vsynctester.com 页面上对三大浏览器的提示，是该工具作者在特定测试环境下给出的结论，不是对你当前浏览器的判决。你该做的是：先理解每条提示指向什么现象，再用自己的浏览器打开页面实测，看图表是否出现对应的异常，最后通过换浏览器或更新版本复测来确认。页面明确点名 Chrome 存在 VSYNC 问题、Firefox 的计时器/VSYNC 在 Windows 下损坏并直接标注“DO NOT USE”，Edge 和 IE 则被指不支持高刷新率显示器——这些都应作为“待验证的线索”，而不是“必然故障”。
页面各条提示具体指什么
| 浏览器 | 页面提示 | 指向的测试现象 |
|---|---|---|
| Chrome | 存在 VSYNC 问题，并提供专门的 Chrome bug 测试（会切换到更大的 44MP 背景图） | 帧同步偏移、掉帧或帧间隔异常 |
| Firefox | 计时器/VSYNC 等“彻底损坏”，Windows 下 VSYNC 损坏，标注不要使用 | 帧时间不稳定、rAF 时间参数不可靠 |
| Edge / IE | 不支持高刷新率显示器 | 在高 Hz 屏幕上无法按显示器实际刷新率同步 |
这些结论来自作者自己的测试方法（见下文图表机制），反映的是他观察到的浏览器行为，不代表你安装的每个版本都必然复现。浏览器版本、操作系统、显卡驱动、显示器刷新率都会影响结果。
图表各项代表什么
页面用 rAF（requestAnimationFrame）时间作为帧时间基准，配合 spin-wait 精确计时，绘制多条曲线：
- VSYNC 指示器：直观显示帧是否与垂直同步对齐。
- 帧 VSYNC 偏移（蓝色）：每帧相对 VSYNC 的偏移量，标为“locked late”表示锁定偏晚。
- 每 rAF 时间的 vsync 偏移（紫色）：按 rAF 时间参数换算的偏移。
- 帧间隔（绿色/红色）：相邻帧之间的时间差，绿色正常、红色异常。
- 渲染时间（棕色，右侧刻度）：单帧渲染耗时。
- spin-wait（灰色）：自旋等待所占时间。
判断方法：曲线平稳、帧间隔以绿色为主，说明同步较好；出现持续红色、偏移曲线大幅跳动，才对应页面所说的“问题”。
用自己浏览器实测的步骤
- 用目标浏览器打开 vsynctester.com，保持页面在前台、不要切换标签页。
- 观察几秒图表，记录帧间隔是否频繁变红、蓝色偏移曲线是否持续偏离。
- 若使用高刷新率显示器，确认页面显示的 Hz 与你显示器设置一致——Edge/IE 的“不支持高 Hz”提示就体现在这里。
- 换一个浏览器（如 Chrome 与 Firefox 互换）重复测试，对比同一台机器上的差异。
- 更新浏览器到最新版本后复测，排除旧版本已知 bug 的影响。
常见卡点
- 后台标签页：浏览器会限制后台页面的 rAF 频率，测出的数据无效，必须保持页面可见。
- 省电模式/垂直同步被驱动强制关闭：显卡控制面板里的 VSYNC 设置会直接改变结果，测试前确认其为默认或开启状态。
- 高 Hz 屏未在系统里设为目标刷新率：页面测到的是系统当前输出，不是显示器标称值。
- 把作者结论当定论：页面提示是线索，最终以你自己机器上的图表为准；若你的图表平稳，就不必因页面文字而更换浏览器。
页面还提供 Display Hz Tester、GPU memory usage 等同类工具，以及“如何计算 VSYNC/Hz”“HTML5 游戏输入延迟”等说明链接，需要深入排查时可从这些入口继续。