ความละเอียดหน้าจอและข้อมูลจอภาพ

เบราว์เซอร์รายงานค่าเหล่านี้แบบเรียลไทม์ ปรับขนาดหน้าต่างเพื่อดูการอัปเดต viewport ทันที

ความละเอียดหน้าจอ
กำลังตรวจสอบ…
ขนาดทางกายภาพเต็มของหน้าจอเป็นพิกเซล
ขนาด Viewport
กำลังตรวจสอบ…
พื้นที่ที่มองเห็นได้ของเบราว์เซอร์ — อัปเดตเมื่อปรับขนาดหน้าต่าง
อัตราส่วนพิกเซล (DPR)
กำลังตรวจสอบ…
พิกเซลทางกายภาพต่อพิกเซล CSS หน้าจอ Retina/HiDPI มักแสดง 2×
ความลึกสี
กำลังตรวจสอบ…
บิตต่อพิกเซล 24 บิต ≈ 16 ล้านสี
อัตราการรีเฟรช
กำลังตรวจสอบ…
วัดผ่าน requestAnimationFrame ปิดแท็บอื่นเพื่อความแม่นยำ
การวางแนว
กำลังตรวจสอบ…
การวางแนวหน้าจอปัจจุบันตามเบราว์เซอร์

ความละเอียดคือจำนวนพิกเซลที่แสดงแนวนอน × แนวตั้ง หน้าจอ 1920×1080 มี ~2 ล้านพิกเซล ความละเอียดสูงหมายถึงรายละเอียดมากขึ้น

DPR เปรียบเทียบพิกเซลทางกายภาพกับพิกเซล CSS DPR 2 หมายถึงพิกเซลทางกายภาพมากกว่า CSS 2 เท่า — พบบ่อยบนหน้าจอ Retina/HiDPI หน้าจอมาตรฐานมีอัตราส่วน 1

ความละเอียดคือขนาดทางกายภาพเต็มของหน้าจอ Viewport คือพื้นที่ที่มองเห็นได้ในหน้าต่างเบราว์เซอร์ ไม่รวมแถบเครื่องมือและ UI ทั้งคู่จะเล็กลงหากไม่ได้ขยายหน้าต่างเต็มจอ

อัตราการรีเฟรช (Hz) บอกว่าหน้าจออัปเดตกี่ครั้งต่อวินาที 60 Hz = 60 เฟรมต่อวินาที อัตราที่สูงกว่า (120 Hz, 144 Hz) ให้การเคลื่อนไหวที่ลื่นไหลกว่า วัดโดยใช้ timing requestAnimationFrame