Window Screen JS

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

Objet d'écran

window.screenL'objet peut être utilisé pour afficher la résolution de l'écran (largeur et hauteur de l'écran), la profondeur de couleur, la profondeur de pixel, etc.

window.screenIl est possible d'utiliser une abréviation sans préfixe (window.).

screenL'objet possède les propriétés suivantes :

• screen.width

• screen.height

• screen.availWidth

• screen.availHeight

• screen.colorDepth

• screen.pixelDepth

La prochaine section vous montrera comment utiliser les propriétés de l'objet screen de l'objet fenêtre pour obtenir des informations sur l'affichage de l'utilisateur.

Largeur de l'écran

screen.widthL'attribut retourne la largeur totale de l'écran de l'visiteur (en pixels).

var x = screen.width;

Hauteur de l'écran

screen.heightL'attribut retourne la hauteur totale de l'écran de l'visiteur (en pixels).

var x = screen.height;

Largeur disponible de l'écran

screen.availWidthL'attribut retourne la largeur de la zone de l'écran disponible pour la fenêtre de l'application (en pixels).

La zone de la fenêtre de l'application est l'ensemble de l'écran, à l'exclusion de la barre des tâches.

var x = screen.availWidth;

Hauteur disponible de l'écran

screen.availHeightL'attribut retourne la hauteur de la zone de l'écran disponible pour la fenêtre de l'application (en pixels).

La zone de la fenêtre de l'application est l'ensemble de l'écran, à l'exclusion de la barre des tâches.

var x = screen.availHeight;

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

screen.colorDepthL'attribut retourne la profondeur de couleur de l'écran de l'utilisateur.

La profondeur de couleur est utilisée pour indiquer le nombre de bits utilisés pour représenter la couleur d'un pixel.

Profondeur de couleur, cela signifie que l'écran de l'appareil peut produire combien de couleurs.

Profondeur de couleur, cela signifie que l'écran de l'appareil peut produire combien de couleurs.8Un écran de profondeur de couleur de256Couleurs (2 ⁸)

var x = screen.colorDepth;

Actuellement, la plupart des écrans des appareils ont24ou32Profondeur de couleur. En termes simples, plus de bits produisent plus de variations de couleur, par exemple24bits peuvent produire2 ²⁴ = 16,777,216Variation de couleur (TrueColor), et32bits peuvent produire2 ³² = 4,294,967,296Variation de couleur (Sombre)

Profondeur de pixel de l'écran de la fenêtre

screen.pixelDepthLes propriétés retournent la profondeur de bits de l'écran.

La profondeur de pixel est le nombre de bits utilisés par le matériel d'affichage du système par pixel.

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

var x = screen.pixelDepth;

Plus d'exemples

Cet exemple affiche toutes les propriétés d'écran :

var txt = "";
txt　+= "<p>Largeur totale/Hauteur: "　+　screen.width　+　"*"　+　screen.height　+　"</p>";
txt　+= "<p>Largeur disponible/Hauteur: "　+　screen.availWidth　+　"*"　+　screen.availHeight　+"</p>";
txt　+= "<p>Profondeur de couleur: "　+　screen.colorDepth　+　"</p>";
txt　+= "<p>Resolution de couleur: "　+　screen.pixelDepth　+　"</p>";
document.write(txt);