Window Screen JavaScript

L'objet window.screen contient des informations sur l'écran de l'utilisateur.

Écran de fenêtre

window.screen L'objet peut également être écrit sans préfixe window :

Attribut :

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

Largeur de l'écran de fenêtre

screen.width L'attribut retourne la largeur de l'écran de l'visiteur en pixels.

Exemple

Afficher la largeur de l'écran en pixels :

document.getElementById("demo").innerHTML = "Largeur d'écran : " + screen.width;

Le résultat sera :




Essayez-le vous-même






Hauteur de l'écran de fenêtre


screen.height L'attribut retourne la hauteur de l'écran de l'visiteur en pixels.


Exemple


Afficher la hauteur de l'écran en pixels :


document.getElementById("demo").innerHTML = "Hauteur d'écran : " + screen.height;



Le résultat sera :





Essayez-le vous-même






Largeur disponible de l'écran de fenêtre


screen.availWidth L'attribut retourne la largeur de l'écran de l'visiteur en pixels, soustraite des caractéristiques de l'interface telles que la barre d'outils de la fenêtre.


Exemple


Afficher la largeur disponible de l'écran en pixels :


document.getElementById("demo").innerHTML = "Largeur d'écran disponible : " + screen.availWidth;



Le résultat sera :





Essayez-le vous-même






Hauteur disponible de l'écran de fenêtre


screen.availHeight L'attribut retourne la hauteur de l'écran de l'visiteur en pixels, soustraite des caractéristiques de l'interface telles que la barre d'outils de la fenêtre.


Exemple


Afficher la hauteur disponible de l'écran en pixels :


document.getElementById("demo").innerHTML = "Hauteur d'écran disponible : " + screen.availHeight;



Le résultat sera :





Essayez-le vous-même






Profondeur de couleur de l'écran de fenêtre


screen.colorDepth L'attribut retourne le nombre de bits utilisés pour afficher une couleur.


Tous les ordinateurs modernes utilisent une résolution de couleur matérielle de 24 ou 32 bits :


    

  • 24 bits = 16,777,216 différents "True Colors"
    • 

  • 32 bits = 4,294,967,296 différents "Deep Colors"
    • 



Les ordinateurs plus anciens utilisent 14 bits : 65,536 résolutions de "High Colors" différentes.


Les ordinateurs exceptionnellement anciens et les téléphones anciens utilisent 8 bits : 256 couleurs "VGA" différentes.


Exemple


Afficher la profondeur de couleur de l'écran en bits :


document.getElementById("demo").innerHTML = "Profondeur de couleur d'écran : " + screen.colorDepth;



Le résultat sera :





Essayez-le vous-même


Les valeurs #rrggbb (rgb) utilisées dans HTML représentent "True Colors" (16,777,216 couleurs différentes).






Profondeur de pixel Écran Fenêtre


screen.pixelDepth L'attribut retourne la profondeur de pixel de l'écran.


Exemple


Afficher la profondeur de pixel de l'écran en bits :


document.getElementById("demo").innerHTML = "Profondeur de pixel d'écran : " + screen.pixelDepth;



Le résultat sera :





Essayez-le vous-même


Pour les ordinateurs modernes, la profondeur de couleur et la profondeur de pixel sont égales.