ตรวจสอบหน้าจอและความละเอียดของฉัน
ตรวจสอบความละเอียดหน้าจอ ขนาดที่ใช้ได้ viewport อัตราส่วนพิกเซล (DPI) ความลึกสี การวางแนว และการตั้งค่าการเข้าถึง (โหมดสี การลดการเคลื่อนไหว)
การตรวจสอบหน้าจอนี้อ่านเมตริก `screen` และ `window`: ความละเอียด ขนาด avail viewport ภายใน/ภายนอก ความลึกสี อัตราส่วนพิกเซลอุปกรณ์ และการวางแนว มีประโยชน์สำหรับการดีบัก responsive เปรียบเทียบ Retina/HDPI และทำความเข้าใจว่าอัตราส่วนพิกเซลส่งผลต่อเลย์เอาต์เว็บอย่างไร — CheckProxy.org
กำลังสแกนหน้าจอ…
กำลังสแกนหน้าจอ…
FAQ — หน้าจอ ความละเอียดและ DPI
คำถามเกี่ยวกับความละเอียด DPI อัตราส่วนพิกเซล และ viewport ในเบราว์เซอร์
ความละเอียดคือความกว้าง/สูงของหน้าจอ (`screen.width/height`) Viewport ภายในคือพื้นที่เนื้อหาหน้าเว็บหลัง UI เบราว์เซอร์ — มักเล็กกว่าหน้าจอเต็ม
อัตราส่วนพิกเซลแมปหนึ่ง CSS pixel เป็นพิกเซลอุปกรณ์ ค่า 2 บนหน้าจอ Retina หมายถึงภาพคมชัดขึ้นแต่มักต้องใช้ asset @2x — สำคัญสำหรับการตรวจสอบหน้าจอและ UI
ความลึกสีคือ bit ต่อช่องสี (มัก 24 หรือ 30) ความลึกพิกเซลอาจตรงกันหรือเพิ่มข้อมูล buffer — มีประโยชน์เป็นตัวบ่งคุณภาพการแสดงผล
บนโทรศัพท์และแท็บเล็ต มุมการหมุน (0° 90° …) และประเภทแนวตั้ง/แนวนอนช่วยตรวจสอบเลย์เอาต์ responsive และ media queries
นี่คือคำแนะนำจากผู้ใช้/ระบบปฏิบัติการ: ธีมมืดหรือสว่าง และการลดแอนิเมชัน เว็บไซต์สามารถอ่านเพื่อปรับ UI และการเข้าถึง