JavaScript Window Screen

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

Window Screen

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

Ιδιότητα:

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

Πλάτος Window Screen

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

Παράδειγμα

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

document.getElementById("demo").innerHTML = "Πλάτος Οθόνης: " + screen.width;

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




Δοκιμάστε το προσωπικά






Ύψος Window Screen


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


Παράδειγμα


Εμφάνιση της ύψους οθόνης σε pixel:


document.getElementById("demo").innerHTML = "Ύψος Οθόνης: " + screen.height;



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





Δοκιμάστε το προσωπικά






Διαθέσιμο πλάτος Window Screen


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


Παράδειγμα


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


document.getElementById("demo").innerHTML = "Διαθέσιμο Πλάτος Οθόνης: " + screen.availWidth;



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





Δοκιμάστε το προσωπικά






Διαθέσιμη ύψος Window Screen


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


Παράδειγμα


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


document.getElementById("demo").innerHTML = "Διαθέσιμη Ύψος Οθόνης: " + screen.availHeight;



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





Δοκιμάστε το προσωπικά






Window Screen σύνθεση χρώματος


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


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


    

  • 24 bits = 16,777,216 διαφορετικά "True Colors"
    • 

  • 32 bits = 4,294,967,296 διαφορετικά "Deep Colors"
    • 



Παλαιότεροι υπολογιστές χρησιμοποιούν 14 bits: 65,536 διαφορετικά "High Colors" διαστάσεις ανάλυσης.


Παλαιότεροι υπολογιστές και παλιές κινητές συσκευές χρησιμοποιούν 8 bits: 256 διαφορετικά "VGA colors".


Παράδειγμα


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


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



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





Δοκιμάστε το προσωπικά


Οι τιμές #rrggbb (rgb) που χρησιμοποιούνται στο HTML αντιπροσωπεύουν "True Colors" (16,777,216 διαφορετικές χρωμάτων).






Window Screen Πίξελ Βάθος


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


Παράδειγμα


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


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



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





Δοκιμάστε το προσωπικά


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