Écran de la fenêtre JavaScript
L'objet window.screen contient des informations sur l'écran de l'utilisateur.
Écran de fenêtre
L' window.screenobjet peut être écrit sans le préfixe de fenêtre.
Propriétés:
screen.widthscreen.heightscreen.availWidthscreen.availHeightscreen.colorDepthscreen.pixelDepth
Largeur de l'écran de la fenêtre
La screen.widthpropriété renvoie la largeur de l'écran du visiteur en pixels.
Exemple
Afficher la largeur de l'écran en pixels :
document.getElementById("demo").innerHTML =
"Screen Width: " + screen.width;
Le résultat sera :
Screen Width: 1920
Hauteur de l'écran de la fenêtre
La screen.heightpropriété renvoie la hauteur de l'écran du visiteur en pixels.
Exemple
Afficher la hauteur de l'écran en pixels :
document.getElementById("demo").innerHTML =
"Screen Height: " + screen.height;
Le résultat sera :
Screen Height: 10000
Largeur disponible de l'écran de fenêtre
La screen.availWidthpropriété renvoie la largeur de l'écran du visiteur, en pixels, moins les fonctionnalités d'interface telles que la barre des tâches Windows.
Exemple
Afficher la largeur disponible de l'écran en pixels :
document.getElementById("demo").innerHTML =
"Available Screen Width: " + screen.availWidth;
Le résultat sera :
Available Screen Width: 1920
Hauteur disponible de l'écran de fenêtre
La screen.availHeightproprié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("demo").innerHTML =
"Available Screen Height: " + screen.availHeight;
Le résultat sera :
Available Screen Height: 10000
Profondeur de couleur de l'écran de la fenêtre
La screen.colorDepthproprié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("demo").innerHTML =
"Screen Color Depth: " + screen.colorDepth;
Le résultat sera :
Screen Color Depth: 24
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
La screen.pixelDepthpropriété renvoie la profondeur en pixels de l'écran.
Exemple
Afficher la profondeur de pixel de l'écran en bits :
document.getElementById("demo").innerHTML =
"Screen Pixel Depth: " + screen.pixelDepth;
Le résultat sera :
Screen Pixel Depth: 24
Pour les ordinateurs modernes, la profondeur de couleur et la profondeur de pixel sont égales.