สเปคหน้าจอของคุณเป็นอย่างไร?
ดูความละเอียดหน้าจอ ขนาด viewport ของเบราว์เซอร์ device pixel ratio (DPI) color depth และทิศทาง — ทั้งหมดตรวจจับทันทีจากเบราว์เซอร์
เครื่องมือนี้อ่าน window.screen และ devicePixelRatio เพื่อรายงานความละเอียดจริงของจอ ขนาด viewport ความหนาแน่นพิกเซล color depth และทิศทาง
Device pixel ratio 2 หมายถึงแต่ละ CSS pixel ใช้ 2x2 physical pixels (Retina/HiDPI) color depth 24-bit ให้ 16.7 ล้านสี
ผลลัพธ์ของคุณหมายความว่าอะไร?
| Result | Range | Meaning |
|---|---|---|
| ตรวจพบ | แสดงความละเอียด DPR และ color depth | เบราว์เซอร์รายงานคุณสมบัติจอทั้งหมดสำเร็จ DPR 1x คือมาตรฐาน 2x คือ Retina/HiDPI 3x พบในจอมือถือระดับสูง |
| จำกัด | Viewport แตกต่างจากความละเอียดหน้าจออย่างมาก | แถบเครื่องมือเบราว์เซอร์ taskbar หรือการตั้งค่า scaling ลดพื้นที่ viewport ที่ใช้ได้ กด F11 เพื่อเต็มจอเพื่อเพิ่มพื้นที่สูงสุด |
| ไม่รองรับ | บางคุณสมบัติคืนค่าศูนย์หรือ undefined | พบได้น้อยในเบราว์เซอร์สมัยใหม่ ตรวจสอบว่าไม่ได้อยู่ใน headless หรือ embedded context ที่จำกัดการเข้าถึง screen API |
ปัญหาที่พบบ่อยและวิธีแก้ไข
ความละเอียดหน้าจอแสดงต่ำกว่าที่คาด
ตรวจการตั้งค่า scaling ของ OS จอ ที่ 150% scaling บนจอ 1920x1080 เบราว์เซอร์รายงานความละเอียดจริงที่ 1280x720 CSS pixels พร้อม DPR 1.5
Color depth แสดง 24-bit แทน 30-bit
30-bit (10-bit ต่อช่อง) ต้องการ GPU จอ และการตั้งค่าไดรเวอร์ที่เข้ากัน จอผู้บริโภคส่วนใหญ่ใช้ 24-bit (8-bit ต่อช่อง) ซึ่งให้ 16.7 ล้านสี