Le Tutoriel de Javascript Screen

window.screen

1. window.screen

Lorsque votre navigateur s'exécute sur un ordinateur windows.screen. C'est l'objet qui représente l'écran de l'ordinateur. Lorsque votre navigateur s'exécute sur un téléphone window.screen, c'est l'objet qui représente l'écran du téléphone.....

Les propriétés (property) de window.screen :

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

Propriété	Description
screen.width	Largeur de l'écran en pixel.
screen.height	Hauteur de l'écran en pixel.
screen.availWidth	Largeur de l'écran en pixel, moins l'espace des fonctions d'interface (interface features), par exemple, barre des tâches (Taskbar).
screen.availHeight	Hauteur de l'écran en pixel, moins l'espace des fonctions d'interface (interface features), par exemple, barre des tâches (Taskbar).
screen.colorDepth	Renvoie le nombre de bits utilisés pour afficher une couleur (color).
screen.pixelDepth	Renvoie le nombre de pixel depth (bit depth) de l'écran.

Un écran d'ordinateur utilisant le système d'exploitation Windows 7 :

Un écran d'ordinateur utilisant le système d'exploitation Ubuntu :

Par exemple :

screen-example.html

<!DOCTYPE html>
<html>
   <head>
      <title>Screen Example</title>
      <meta charset="UTF-8">


   </head>
   <body>

       <h1>window.screen</h1>

       <button onClick="showInfos()">Show Infos</button>

        <textarea name="name" style="width:100%;margin-top:10px;"
            rows="8" id="log-area"></textarea>

        <script>
           function showInfos()  {

             var logArea = document.getElementById("log-area");
             logArea.value = "";

             logArea.value += "screen.width= " + screen.width +"\n";
             logArea.value += "screen.height= " + screen.height +"\n";
             logArea.value += "screen.availWidth= " + screen.availWidth +"\n";
             logArea.value += "screen.availHeight= " + screen.availHeight +"\n";

             logArea.value += "screen.colorDepth= " + screen.colorDepth +"\n";
             logArea.value += "screen.pixelDepth= " + screen.pixelDepth +"\n";

           }
           showInfos();
        </script>
   </body>
</html>

Le Tutoriel de Javascript Screen

1. window.screen

Tutoriels de programmation ECMAScript, Javascript

Tutoriels de programmation ECMAScript, Javascript

Articles les plus récents