Derniers tutoriels de développement web
 

JavaScript Window Screen


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


Window Screen

Le window.screen objet peut être écrit sans le préfixe de la fenêtre.

Propriétés:

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

Window Screen Width

La screen.width proprié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: 1600
Essayez - le vous - même »

Window Screen Height

La screen.height propriété retourne 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: 900
Essayez - le vous - même »

Window Screen Largeur disponible

La screen.availWidth propriété renvoie la largeur de l'écran du visiteur, en pixels, moins l' interface des fonctionnalités 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: 1600
Essayez - le vous - même »

Window Screen disponible en hauteur

La screen.availHeight propriété retourne la hauteur de l'écran du visiteur, en pixels, moins l' interface des fonctionnalités telles que 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: 860
Essayez - le vous - même »

Window Screen Profondeur de couleur

La screen.colorDepth propriété renvoie le nombre de bits utilisés pour afficher une couleur.

Tous les ordinateurs modernes utilisent 24 bits ou 32 bits matériel pour la résolution de la couleur:

  • 24 bits = 16.777.216 différents "True Colors"
  • 32 bits = 4294967296 différents "Couleurs profondes"

Des ordinateurs plus anciens utilisés 16 bits: 65.536 "High Colors" résolution différente.

Très vieux ordinateurs, et les vieux téléphones cellulaires utilisés 8 bits: 256 différentes «couleurs VGA».

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
Essayez - le vous - même »

Les #rrggbb (rgb) les valeurs utilisées en HTML représente "True Colors" ( 16,777,216 couleurs différentes)


Window Screen Pixel Profondeur

La screen.pixelDepth propriété renvoie la profondeur de l'écran de pixel.

Exemple

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

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

Le résultat sera:

Screen Pixel Depth: 24
Essayez - le vous - même »

Pour les ordinateurs modernes, profondeur de couleur et Pixel Profondeur sont égaux.