Έλεγχος ανάλυσης οθόνης
Δείτε την ανάλυση οθόνης, το μέγεθος viewport του browser, την αναλογία pixel συσκευής, το βάθος χρώματος και τον προσανατολισμό — ενημερώνονται ζωντανά καθώς αλλάζετε μέγεθος.
🔒 Επεξεργάζεται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας — τίποτα που εισάγετε εδώ δεν μεταφορτώνεται ποτέ.
Αποτέλεσμα
Υποβάλλετε μια αναφορά σφάλματος που ζητά την ανάλυσή σας, δοκιμάζετε μια responsive διάταξη ή απλώς αναρωτιέστε ποιος είναι ο πραγματικός αριθμός pixel του τηλεφώνου σας; Αυτή η σελίδα τα διαβάζει όλα απευθείας από τον browser σας: ανάλυση οθόνης, τρέχον μέγεθος viewport, αναλογία pixel συσκευής, βάθος χρώματος και προσανατολισμός.
Οι δύο αριθμοί που μπερδεύονται συχνότερα εμφανίζονται δίπλα-δίπλα. Η ανάλυση οθόνης είναι αυτό που αναφέρει το υλικό της οθόνης σας σε CSS pixel· το viewport είναι η περιοχή που δίνει πραγματικά ο browser στις ιστοσελίδες — μικρότερη λόγω γραμμών εργαλείων, γραμμών κύλισης και μεγέθους παραθύρου. Αλλάξτε μέγεθος στο παράθυρο και δείτε τις τιμές του viewport να ακολουθούν ζωντανά.
Η αναλογία pixel συσκευής (DPR) εξηγεί γιατί ένας φορητός υπολογιστής που διαφημίζει 2880×1800 αναφέρει 1440×900: σε οθόνες υψηλής πυκνότητας κάθε CSS pixel σχεδιάζεται με πολλαπλά φυσικά pixel. Το εργαλείο δείχνει την αναλογία και την πολλαπλασιάζει πίσω, ώστε να βλέπετε τόσο την CSS όσο και τη φυσική ανάλυση της οθόνης σας.
Στο κάτω μέρος υπάρχει μια έτοιμη προς αντιγραφή γραμμή σύνοψης με όλες τις τιμές — επικολλήστε την σε ένα δελτίο υποστήριξης, μια λίστα ελέγχου QA ή μια συνομιλία με τον σχεδιαστή σας. Όλα διαβάζονται τοπικά μέσω των τυπικών API του browser και δεν εγκαταλείπουν ποτέ τη συσκευή σας.