Ζωντανή ανίχνευση

Η ανάλυση της οθόνης σου

Όλα τα στοιχεία διαβάζονται τώρα, από τη δική σου συσκευή, μέσα στον φυλλομετρητή. Άλλαξε το μέγεθος του παραθύρου και δες τι ανανεώνεται.

Ανάλυση οθόνης

— × — pixel (logical)

Σύνολο — DPR — Αναλογία —

Οθόνηlogical pixel

Πλάτος

—

Ύψος

—

Διαθέσιμη περιοχή

—

Προσανατολισμός

—

Επιφάνεια renderdevice pixel

screen × DPR

—

Η επιφάνεια που renderάρει ο browser (screen × DPR). Σε scaling ΔΕΝ είναι εγγυημένα τα πραγματικά pixel του panel, μπορεί ακόμη και να τα ξεπερνά.

Παράθυρο φυλλομετρητήcss pixel

Ορατή περιοχή (viewport)

—

Οπτικό viewport (visualViewport)

—

Ζουμ pinch (visualViewport)

—

Μετατόπιση (visualViewport)

—

Χρώμα & αφή

Βάθος χρώματος

—

Βάθος pixel

—

Οθόνη αφής

—

Τα είδη pixel

pixel	Τι είναι	Μήκος	Το έχουμε;
css pixel	η λογική μονάδα του browser για τη διάταξη	1 / CSS ppi	✓¹
logical pixel	λογικό pixel του λειτουργικού (point / DIP)	= css (στο 100% zoom)	✓
device pixel	η επιφάνεια που renderάρει ο browser (css/logical × DPR)	css ÷ DPR	✓²
hardware pixel	η υλική κουκίδα, η native ανάλυση της οθόνης	dot pitch	✗³

¹ css pixel: το μετράμε στο /tools/monitor_dpi/ · ² device pixel: υπολογισμένο, όχι το ίδιο το panel · ³ hardware pixel: δεν έχουμε πρόσβαση, δεν το μετράμε