怎麼用
- 先把螢幕擦乾淨（灰塵、指紋看起來像壞點），亮度調到平常使用的亮度，環境光線偏暗比較容易看出問題。
- 按任一個測試按鈕進入全螢幕。點擊畫面、按方向鍵（→ ↓ 下一個，← ↑ 上一個）、空白鍵或 Enter 都可以換畫面；畫面左上角的列有「上一個、下一個」按鈕，3 秒沒動作會自動隱藏，滑鼠移動或觸碰會再出現。
- 離開：按 Esc，或按畫面右上角永遠看得到的「離開」按鈕（手機沒有 Esc，就靠這個按鈕）。
- 電腦上按 H 可以暫時隱藏所有提示與離開鈕，讓整個螢幕只剩純色（包含右上角那一小塊），再按一次 H 或按 Esc 就回來。手機觸碰畫面會自動恢復。
- 每個畫面請盯著整個螢幕慢慢看，特別是四個角落與邊緣。全白等高亮度畫面不要看太久，長時間盯著高亮度畫面眼睛容易疲勞，檢查完就離開。
每個測試在看什麼、怎麼判斷
| 測試 | 在看什麼 | 怎麼判斷 |
|---|---|---|
| 全黑 | 亮點（像素一直亮著）、漏光、背光不均 | 全螢幕應該是均勻的黑。看到單獨一顆亮點是亮點；邊角或某區域偏亮是漏光（液晶螢幕常見，程度不同）。OLED 應該是真正的黑。 |
| 全白 | 暗點（像素一直是黑的）、髒污、色偏 | 全螢幕應該是均勻的白。看到單獨一顆黑點是暗點；整片偏黃偏藍、某區域色調不同，是均勻度問題。長時間盯著高亮度畫面眼睛容易疲勞，檢查完就離開。 |
| 紅、綠、藍 | 只有某一種顏色卡住的子像素點 | 每一個畫面應該是均勻的單一顏色。出現別的顏色的亮點或暗點，代表有子像素異常。 |
| 自訂色 | 你想看的任一顏色 | 用原廠色卡或你關心的顏色對照；僅能看均勻度，無法量化色準。 |
| 灰階與彩色漸層 | 色階斷層（banding）、偏色 | 漸層應該平順。灰階漸層裡出現偏紅、偏綠的區段是偏色；條紋特別粗或某幾階連成一塊是斷層。8 位元螢幕本來就只有 256 階，細微條紋是正常的。 |
| 灰階 16 階、64 階 | 暗部、亮部是否分得出來 | 相鄰兩階應該都看得出差別。最暗的前幾階如果糊成一塊黑、最亮的幾階糊成一片白，可能是對比或亮度設定過頭（也可能是環境太亮）。 |
| 1 像素棋盤格、橫線、直線 | 銳利度、像素對應、縮放造成的波紋 | 原生解析度、系統縮放 100% 時，線條應該均勻清晰。出現規律的粗細不均、波紋或糊成灰色，常見是系統縮放不是 100%、沒有設在原生解析度。 |
| 極暗灰、暗灰、中灰、亮灰 | 均勻度、色斑、漏光 | 每一階都應該是均勻的灰。極暗灰與暗灰最容易看出背光不均、雲斑、邊角偏亮；中灰容易看出偏色或髒污。 |
| 移動方塊 | 殘影（拖尾）、實際更新率 | 方塊後面有淡淡尾巴是殘影，速度越快越明顯屬常見現象；畫面左下顯示實測 fps，代表網頁實際每秒畫了幾格。 |
| 觸控畫線 | 觸控是否斷點、邊緣是否失靈、同時幾指 | 手指在整個螢幕（含四個邊緣）畫線，線應該連續。有斷掉、跳點、歪掉的位置可能是觸控失靈；畫面顯示同時偵測到的手指數。 |
各項的做法
- 純色：全螢幕直接套用 CSS 背景色：黑 #000000、白 #ffffff、紅 #ff0000、綠 #00ff00、藍 #0000ff，以及你選的自訂色。
- 漸層、色階、細線、棋盤格：用 canvas 以「裝置像素」逐點繪製（畫布的像素數 ＝ 視窗的 CSS 像素 × 裝置像素比），所以「1 像素」是實體螢幕的 1 個像素。灰階漸層從左到右 0 到 255；16 階、64 階是把寬度平均切成 16、64 條，灰階值平均分布在 0 到 255。如果作業系統縮放不是整數倍（例如 125%、150%），畫布大小要四捨五入成整數，邊緣可能有 1 個像素的誤差。
- 極暗灰到亮灰：5%（#0d0d0d）、20%（#333333）、50%（#808080）、75%（#bfbfbf）。
- fps：用 requestAnimationFrame 記下每一格畫面的時間，數最近 1 秒內畫了幾格，每 0.5 秒更新一次，同時顯示平均每格幾毫秒與最長一格的間隔；方塊位置依時間計算，掉格不會讓方塊變慢。
- 觸控：用 Pointer Events 記錄每根手指的移動並畫線，不同手指用不同顏色；背景有 50 像素的淡格線方便對照。
- 全螢幕：使用瀏覽器的 Fullscreen API；瀏覽器不支援或拒絕時，改成蓋滿目前視窗。
限制
- 不保證能檢出所有問題，也不能判定是否算瑕疵；是否能退換以廠商保固條款為準。
- fps 是網頁實際畫出的格數，受瀏覽器、電腦負載、省電模式與可變更新率影響，不是螢幕規格，也不是反應時間。
- 殘影只能用眼睛大概比較，不能量化。
- iPhone 的 Safari 可能不支援網頁全螢幕，會改成蓋滿視窗，網址列與工具列可能還在。
- 右上角「離開」按鈕會蓋住那一小塊畫面；電腦上要檢查那個位置，按 H 暫時隱藏。手機為了隨時能離開，按鈕不會消失，可以換測試時用手指擋住再看，或用另一個角度檢查。
- 瀏覽器若啟用色彩管理或夜間模式、護眼模式，畫面顏色可能被改變，請先關掉再測。
常見問題
怎麼用這個工具找壞點？
在安靜、光線偏暗的環境，把螢幕亮度調到平常使用的亮度，依序看全黑、全白、紅、綠、藍幾個畫面，每個畫面都盯著整個螢幕找異常的點。全黑畫面容易看出「一直亮著」的亮點；全白畫面容易看出「一直是黑的」的暗點；紅、綠、藍畫面可以看出只有某一個顏色子像素卡住的點。點擊畫面或按方向鍵就會換下一個，按 Esc 或畫面右上角的「離開」就結束。
看到一個壞點，算不算瑕疵、可以換貨嗎？
這要看你的螢幕廠商的保固條款，每家規定不同，本工具無法判斷。國際標準 ISO 9241-302／307（前身是已廢止的 ISO 13406-2）把顯示器依允許的壞點數分成幾個等級，但實務上是否接受退換，是廠商與通路自己訂的。建議看到壞點後，先確認購買日期與保固條款，再聯絡原廠或店家。
全黑畫面看到邊緣發亮、一塊塊亮亮的，是壞了嗎？
不一定。液晶螢幕（LCD）是靠背光發亮，全黑畫面時，邊角或某些區域偏亮（漏光、背光不均，有人叫「雲斑」）在不少機種都看得到，程度不同。OLED 螢幕每個像素自己發光，全黑時應該是黑的。判斷程度要在暗室、用平常的亮度、離螢幕一般的距離去看，用手機拍照常會把問題放大，不能直接當作依據。是否算瑕疵，同樣以廠商的保固條款為準。
漸層看到一條一條的色帶，是螢幕有問題嗎？
不一定。一般螢幕每個顏色只有 256 階，漸層本來就是 256 個階梯，仔細看會有淡淡的條紋，這是正常的，尤其在暗部和單色漸層。但如果條紋很粗、某幾階明顯連在一起，或顏色偏色、出現不屬於漸層的色塊，可能是螢幕的色彩設定（如對比、伽瑪、省電或色彩模式）造成。可以先把螢幕恢復原廠設定再測一次。
細線與棋盤格畫面要怎麼看？
這三個畫面是用「一個實體像素」寬的黑白線條或格子。在螢幕以原生解析度顯示、作業系統縮放為 100% 時，應該看到均勻、清晰的黑白細線；如果出現規律的粗細不均、閃爍的波紋（摩爾紋）、或線條糊成灰色，常見原因是作業系統的顯示縮放不是 100%、螢幕沒有設在原生解析度，或是你用手機拍照造成。用肉眼直接看比拍照準。
動態測試的 fps 是什麼？準嗎？
網頁每一格畫面都會由瀏覽器通知程式去畫，程式數一秒內畫了幾格，就是 fps。這個數字最多只會到螢幕的更新率（例如 60 Hz 螢幕最多約 60 fps），所以可以大致看出你的螢幕目前實際更新率，例如 60、120、144。但它受瀏覽器、電腦負載、省電模式、可變更新率（VRR）影響，手機在省電模式也可能降到 30 fps。這個數字是網頁「實際畫出來的格數」，不是螢幕規格，也不是反應時間。
怎麼看殘影？
移動方塊畫面是一個白方塊在深灰底、一個黑方塊在淺灰底上橫向移動，可以切換三種速度。盯著方塊移動的方向看，如果方塊後面拖著一條淡淡的尾巴（殘影），代表像素變色比較慢；慢速時很淡、快速時變明顯是常見的現象。要準確量反應時間需要專業儀器，本工具只能用眼睛做大概比較，沒辦法給你毫秒數。
手機可以用嗎？
可以。點一下畫面換下一個，畫面右上角有永遠看得到的「離開」按鈕。觸控測試可以用手指畫線，看有沒有斷線或偏掉，也會顯示同時偵測到幾根手指。要注意：iPhone 的 Safari 可能不支援網頁的全螢幕，這時畫面會改成蓋滿瀏覽器視窗，網址列與工具列可能還會露出來一點，沒辦法完全蓋掉；Android 的 Chrome 通常可以全螢幕。
全螢幕進不去或畫面沒蓋滿怎麼辦？
瀏覽器有時會因為安全設定、嵌入頁面或裝置不支援而拒絕全螢幕。這時本工具會改用「蓋滿目前瀏覽器視窗」的方式顯示，測試仍可進行，但網址列、工具列等可能還在，邊緣的像素就看不到。桌機瀏覽器可以再按 F11 進入瀏覽器的全螢幕。
會收集我的資料嗎？
不會。所有畫面都在你的瀏覽器裡畫出來，觸控畫的線也只存在這個畫面，不會傳到伺服器。網站只會記錄你按了哪個按鈕這類匿名使用事件，不含你畫的內容。
相關工具
資料來源
- 顯示器像素缺陷分類（ISO 9241-302／303／305／307:2008，取代已廢止的 ISO 13406-2:2001）：Wikipedia〈ISO 13406-2〉（二手整理）：en.wikipedia.org/wiki/ISO_13406-2。
- Fullscreen API（MDN）：developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API。
- requestAnimationFrame（MDN）：developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame。
- Pointer Events（MDN）：developer.mozilla.org/en-US/docs/Web/API/Pointer_events。
- 全部在瀏覽器內執行；工具本身不載入外部程式庫（全站的統計與廣告腳本除外）。