เครื่องมือข้อมูลหน้าจอแสดงความละเอียดหน้าจอ ขนาด viewport DPR และความลึกสีของอุปกรณ์ เหมาะสำหรับพัฒนา responsive พร้อมตรวจจับการเปลี่ยนขนาดหน้าต่างแบบเรียลไทม์ ประมวลผลในเบราว์เซอร์ ฟรี
lock ไฟล์จะไม่ถูกส่งไปยังเซิร์ฟเวอร์
วิธีใช้งานข้อมูลจอภาพ?
- เปิดหน้าเว็บเพื่อดูข้อมูลหน้าจออัตโนมัติ
- ปรับขนาดหน้าต่างเบราว์เซอร์เพื่อดูการอัปเดตเรียลไทม์
- คัดลอกข้อมูลที่ต้องการ
คำถามที่พบบ่อยเกี่ยวกับข้อมูลจอภาพ
DPR (Device Pixel Ratio) คืออะไร?
DPR คือจำนวนพิกเซลทางกายภาพต่อพิกเซล CSS DPR 2 หมายถึงจอ Retina ภาพควรมีขนาด 2 เท่าเพื่อแสดงผลคมชัด
ความแตกต่างระหว่างความละเอียดหน้าจอและขนาด viewport คืออะไร?
ความละเอียดหน้าจอคือจำนวนพิกเซลทั้งหมดของจอ ส่วน viewport คือพื้นที่แสดงเนื้อหาในเบราว์เซอร์ ไม่รวมแถบเครื่องมือและแถบเลื่อน