Écran de la fenêtre JavaScript
L’objet window.screen contient des informations sur l’écran de l’utilisateur.
Écran de fenêtre
Le window.screen object peut être écrit sans le préfixe window.
Propriétés:
screen.widthscreen.heightscreen.availWidthscreen.availHeightscreen.colorDepthscreen.pixelDepth
Largeur de l’écran de la fenêtre
Le screen.width La propriété renvoie la largeur de l’écran du visiteur en pixels.
Exemple
Afficher la largeur de l’écran en pixels :
document.getElementById(“démo”).innerHTML =
“Largeur d’écran : ” + screen.width ;
Le résultat sera :
Essayez-le vous-même »
Hauteur de l’écran de la fenêtre
Le screen.height La propriété renvoie la hauteur de l’écran du visiteur en pixels.
Exemple
Afficher la hauteur de l’écran en pixels :
document.getElementById(“démo”).innerHTML =
“Hauteur d’écran : ” + screen.height;
Le résultat sera :
Essayez-le vous-même »
Largeur disponible de l’écran de fenêtre
Le screen.availWidth La propriété renvoie la largeur de l’écran du visiteur, en pixels, moins les fonctionnalités de l’interface telles que la barre des tâches Windows.
Exemple
Afficher la largeur disponible de l’écran en pixels :
document.getElementById(“démo”).innerHTML =
“Largeur d’écran disponible : ” + screen.availWidth ;
Le résultat sera :
Essayez-le vous-même »
Hauteur disponible de l’écran de fenêtre
Le screen.availHeight La propriété renvoie la hauteur de l’écran du visiteur, en pixels, moins les fonctionnalités de l’interface comme la barre des tâches Windows.
Exemple
Afficher la hauteur disponible de l’écran en pixels :
document.getElementById(“démo”).innerHTML =
“Hauteur d’écran disponible : ” + screen.availHeight ;
Le résultat sera :
Essayez-le vous-même »
Profondeur de couleur de l’écran de la fenêtre
Le screen.colorDepth La propriété renvoie le nombre de bits utilisés pour afficher une couleur.
Tous les ordinateurs modernes utilisent du matériel 24 bits ou 32 bits pour la résolution des couleurs :
- 24 bits = 16 777 216 “True Colors” différentes
- 32 bits = 4 294 967 296 “Deep Colors” différentes
Les ordinateurs plus anciens utilisaient 16 bits : 65 536 résolutions “High Colors” différentes.
Les très vieux ordinateurs, et les vieux téléphones portables utilisaient 8 bits : 256 “couleurs VGA” différentes.
Exemple
Afficher la profondeur de couleur de l’écran en bits :
document.getElementById(“démo”).innerHTML =
“Profondeur de couleur d’écran : ” + screen.colorDepth ;
Le résultat sera :
Essayez-le vous-même »
Les valeurs #rrggbb (rgb) utilisées en HTML représentent les « vraies couleurs » (16 777 216 couleurs différentes)
Profondeur de pixel de l’écran de la fenêtre
Le screen.pixelDepth La propriété renvoie la profondeur en pixels de l’écran.
Exemple
Afficher la profondeur de pixel de l’écran en bits :
document.getElementById(“démo”).innerHTML =
“Profondeur de pixel de l’é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.
#Écran #fenêtre #JavaScript
