Ζωντανή ανίχνευση
Όλα τα στοιχεία διαβάζονται τώρα, από τη δική σου συσκευή, μέσα στον φυλλομετρητή. Άλλαξε το μέγεθος του παραθύρου και δες τι ανανεώνεται.
Ανάλυση οθόνης
Πλάτος
Ύψος
Διαθέσιμη περιοχή
Προσανατολισμός
screen × DPR
Native ανάλυση panel (δηλωμένη)
Η επιφάνεια που renderάρει ο browser (screen × DPR). Σε scaling ΔΕΝ είναι εγγυημένα τα πραγματικά pixel του panel, μπορεί ακόμη και να τα ξεπερνά.
Ξέρεις την πραγματική (native) ανάλυση της οθόνης σου;
Προαιρετικό. Ο φυλλομετρητής δεν έχει τρόπο να τη μάθει, και με το τρέχον DPR δεν ξεχωρίζει μια αληθινή οθόνη υψηλής πυκνότητας από μια εικόνα που ζωγραφίζεται μεγάλη και μετά σμικρύνεται. Αν τη δηλώσεις, το λύνουμε. Θα τη βρεις στις ρυθμίσεις οθόνης του λειτουργικού.
Συνηθισμένες τιμές:
Το hardware pixel το θεωρούμε ίσο με το device: υποθέτουμε δηλαδή ότι η εικόνα φτάνει στην οθόνη χωρίς ενδιάμεση κλίμακα.
Native ανάλυση panel: — δηλωμένη
Η δήλωση μένει τοπικά στον φυλλομετρητή σου (localStorage) και δεν αποστέλλεται πουθενά.
Ορατή περιοχή (viewport)
Οπτικό viewport (visualViewport)
Ζουμ pinch (visualViewport)
Μετατόπιση (visualViewport)
Βάθος χρώματος
Βάθος pixel
Οθόνη αφής
| pixel | Τι είναι | Μήκος | Το έχουμε; |
|---|---|---|---|
| css pixel | η λογική μονάδα του browser για τη διάταξη | 1 / CSS ppi | ✓1 |
| logical pixel | λογικό pixel του λειτουργικού (point / DIP) | = css (στο 100% zoom) | ✓ |
| device pixel | η επιφάνεια που renderάρει ο browser (css/logical × DPR) | css ÷ DPR | ✓2 |
| hardware pixel | η υλική κουκίδα, η native ανάλυση της οθόνης | dot pitch | ✗3 |
1 css pixel: το μετράμε στο /tools/monitor_dpi/ · 2 device pixel: υπολογισμένο, όχι το ίδιο το panel · 3 hardware pixel: δεν έχουμε πρόσβαση, δεν το μετράμε