ตัวตรวจสอบความละเอียดหน้าจอ

กำลังส่งรายงานบั๊กที่ต้องการค่าความละเอียด, ทดสอบเลย์เอาต์แบบ responsive, หรือแค่อยากรู้ว่าจำนวนพิกเซลจริงของโทรศัพท์คุณเป็นเท่าไร หน้านี้อ่านค่าทั้งหมดจากเบราว์เซอร์ของคุณโดยตรง: ความละเอียดหน้าจอ, ขนาดวิวพอร์ตปัจจุบัน, อัตราส่วนพิกเซลของอุปกรณ์, ความลึกสี และการวางแนว

ตัวเลขสองค่าที่มักสับสนจะแสดงเคียงข้างกัน ความละเอียดหน้าจอคือค่าที่ฮาร์ดแวร์จอภาพรายงานในหน่วย CSS pixel ส่วนวิวพอร์ตคือพื้นที่ที่เบราว์เซอร์ของคุณจัดสรรให้หน้าเว็บจริงๆ ซึ่งเล็กกว่าเนื่องจากมีทูลบาร์, แถบเลื่อน และขนาดหน้าต่าง คุณสามารถปรับขนาดหน้าต่างและดูค่าวิวพอร์ตที่เปลี่ยนตามไปด้วย

อัตราส่วนพิกเซลของอุปกรณ์ (DPR) อธิบายว่าทำไมแล็ปท็อปที่โฆษณาว่า 2880×1800 ถึงรายงานเป็น 1440×900: บนหน้าจอความหนาแน่นสูง แต่ละ CSS pixel จะถูกวาดด้วยพิกเซลจริงหลายพิกเซล เครื่องมือนี้แสดงอัตราส่วนและคูณกลับ ทำให้คุณเห็นทั้งความละเอียด CSS และความละเอียดจริงของหน้าจอของคุณ

ด้านล่างมีบรรทัดสรุปที่พร้อมให้คัดลอกพร้อมค่าทั้งหมด วางลงในทิคเก็ตซัพพอร์ต, รายการตรวจสอบ QA หรือแชทกับนักออกแบบ ทุกอย่างอ่านจาก API มาตรฐานของเบราว์เซอร์บนเครื่องของคุณและไม่เคยออกจากอุปกรณ์