使用步驟
- 把瀏覽器視窗放到要測的螢幕上,保持本頁在前臺。
- 等一兩秒,頂部顯示測得的重新整理率,下面是平均幀率、幀間隔、抖動和掉幀數。
- 眼睛跟著運動模糊測試裡的方塊看,可以切換速度,比較高刷和 60 Hz 的清晰程度。
引數說明
- 重新整理率(Hz)
- 取最近 120 幀幀間隔的中位數換算(60Hz 下約 2 秒,重新整理率越高越短);接近 60、120、144、165、240 等常見值(3% 以內)時直接顯示該值。
- 抖動
- 幀間隔的標準差,越小越穩定。正常情況下應在 1 毫秒以內。
- 掉幀
- 幀間隔超過理論值 1.5 倍時,按漏掉的幀數累計。後臺程式佔用、瀏覽器卡頓都會產生掉幀。
數值是怎麼算出來的
頁面記錄相鄰兩幀動畫的時間間隔,取最近 120 幀(至少 10 幀)。重新整理率 = 1000 ÷ 間隔中位數(毫秒),和下列常見重新整理率相差 3% 以內時取標準值:24、30、48、50、60、72、75、90、100、120、144、165、170、180、240、360 Hz。
| 重新整理率 | 每幀應有的時間 |
|---|---|
| 60 Hz | 16.7 ms |
| 75 Hz | 13.3 ms |
| 90 Hz | 11.1 ms |
| 120 Hz | 8.3 ms |
| 144 Hz | 6.9 ms |
| 165 Hz | 6.1 ms |
| 240 Hz | 4.2 ms |
某一幀的間隔超過中位數的 1.5 倍就算遲到,每個遲到幀按「間隔 ÷ 中位數,四捨五入後減 1」計入掉幀。60 Hz 時,20 ms 的間隔不算掉幀,33 ms 算 1 幀,50 ms 算 2 幀。幀時間圖裡每根柱子是最近 240 幀中的一幀,遲到的幀用警示色標出,橫線是應有的幀時間。
運動模糊測試裡,方塊在「慢」「中」「快」三檔分別以每秒 480、960、1920 畫素移動。頁面上的數字每秒更新兩次。
測出來不是顯示器標稱的重新整理率?
先檢查系統設定裡的重新整理率(Windows 在「顯示 → 高階顯示」,macOS 在「顯示器」)是否已經調到最高;筆記本用電池時可能自動降到 60 Hz;瀏覽器開了省電模式或頁面不在前臺時也會降幀。
常見問題
顯示器是 144 Hz,為什麼測出來是 60 Hz?
先在系統顯示設定裡確認重新整理率選的是 144 Hz(Windows:設定 → 系統 → 螢幕 → 高階顯示;macOS:系統設定 → 顯示器);再檢查線材和介面,部分 HDMI 線和介面只能跑 60 Hz;筆記本用電池時也可能被省電模式限制。
Mac、iPhone 的高刷屏為什麼只顯示 60 Hz?
Safari 預設把網頁動畫限制在 60 Hz 左右以省電。在 Mac 上可以換用 Chrome 測試;也可以在 Safari 的功能標誌(Feature Flags)裡關閉「Prefer Page Rendering Updates near 60fps」後再測。iPhone 開啟低電量模式時同樣會限制到 60 Hz。
和「螢幕解析度查詢」裡顯示的重新整理率有什麼區別?
解析度頁面只在開啟時取樣約 1 秒,作為參考;這裡持續測量,還能看到幀間隔曲線、抖動和掉幀,適合確認高刷是否穩定。
結果準嗎?
測的是瀏覽器實際渲染的幀率,通常與顯示器當前重新整理率一致。如果明顯偏低,多半是高刷沒有開啟、被省電模式限制,或電腦負載太高。
隱私說明
本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。