02. JS Screen

JavaScript Window Screen


Το αντικείμενο window.screen περιέχει πληροφορίες σχετικά με την οθόνη του χρήστη.


Window Screen

Το αντικείμενο window.screen μπορεί να γραφτεί χωρίς το πρόθεμα του παραθύρου.

Ιδιότητες:

  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

Window Screen Width

Η ιδιότητα screen.width επιστρέφει το πλάτος της οθόνης του επισκέπτη σε pixels.

Παράδειγμα

Εμφάνιση του πλάτους της οθόνης σε pixels:

document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;

Το αποτέλεσμα θα είναι:

Δοκιμάστε τον εαυτό σας »


Window Screen Height

Η ιδιότητα screen.height επιστρέφει το ύψος της οθόνης του επισκέπτη σε εικονοστοιχεία.

Παράδειγμα

Εμφάνιση του ύψους της οθόνης σε εικονοστοιχεία:

document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;

Το αποτέλεσμα θα είναι:

Δοκιμάστε τον εαυτό σας »


Window Screen Available Width

Η ιδιότητα screen.availWidth επιστρέφει το πλάτος της οθόνης του επισκέπτη, σε εικονοστοιχεία, μείον τις λειτουργίες διεπαφής όπως η γραμμή εργασιών των Windows.

Παράδειγμα

Εμφάνιση του διαθέσιμου πλάτους της οθόνης σε εικονοστοιχεία:

document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;

Το αποτέλεσμα θα είναι:

Δοκιμάστε τον εαυτό σας »


Window Screen Available Height

Η ιδιότητα screen.availHeight επιστρέφει το ύψος της οθόνης του επισκέπτη, σε εικονοστοιχεία, μείον τις λειτουργίες διεπαφής όπως η Γραμμή εργασιών των Windows.

Παράδειγμα

Εμφάνιση του διαθέσιμου ύψους της οθόνης σε εικονοστοιχεία:

document.getElementById("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;

Το αποτέλεσμα θα είναι:

Δοκιμάστε τον εαυτό σας »


Χρώμα οθόνης βάθους οθόνης

Η screen.colorDepthιδιότητα επιστρέφει τον αριθμό των bits που χρησιμοποιούνται για την εμφάνιση ενός χρώματος.

Όλοι οι σύγχρονοι υπολογιστές χρησιμοποιούν υλικό 24 bit ή 32 bit για ανάλυση χρώματος:

  • 24 bit = 16.777.216 διαφορετικά “True Colors”
  • 32 bits = 4.294.967.296 διαφορετικά “Deep Colors”

Οι παλαιότεροι υπολογιστές χρησιμοποιούσαν 16 bits: 65.536 διαφορετικά ψηφία “High Colors” ανάλυση.

Πολύ παλιοί υπολογιστές και παλιά κινητά τηλέφωνα χρησιμοποιούσαν 8 bits: 256 διαφορετικά “χρώματα VGA”.

Παράδειγμα

Εμφάνιση του βάθους χρώματος της οθόνης σε bits:

document.getElementById("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;

Το αποτέλεσμα θα είναι:

Δοκιμάστε τον εαυτό σας »

Οι τιμές #rrggbb (rgb) που χρησιμοποιούνται στην HTML αντιπροσωπεύουν “True Colors” (16.777.216 διαφορετικά χρώματα)


Window Screen Pixel Depth

Η ιδιότητα screen.pixelDepth επιστρέφει το βάθος pixel της οθόνης.

Παράδειγμα

Εμφάνιση του βάθους των pixel της οθόνης σε bits:

document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;

Το αποτέλεσμα θα είναι:

Δοκιμάστε τον εαυτό σας »

Για τους σύγχρονους υπολογιστές, το βάθος χρώματος και το βάθος του εικονοστοιχείου είναι ίσα.


Days
Hours
Minutes

02. JS Screen

Κοινοποίηση

Share on facebook
Share on twitter

Ακολουθήστε μας

Αρέσει σε %d bloggers: