Table des matières

Le Tutoriel de Javascript Screen

View more Tutorials:

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>

 

View more Tutorials: