devstory

Le Tutoriel de Javascript Screen

Site d'apprentissage des langues gratuit:
Suivez-nous sur notre fanpage pour recevoir des notifications chaque fois qu'il y a de nouveaux articles. Facebook

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.widthLargeur de l'écran en pixel.
screen.heightHauteur de l'écran en pixel.
screen.availWidthLargeur de l'écran en pixel, moins l'espace des fonctions d'interface (interface features), par exemple, barre des tâches (Taskbar).
screen.availHeightHauteur de l'écran en pixel, moins l'espace des fonctions d'interface (interface features), par exemple, barre des tâches (Taskbar).
screen.colorDepthRenvoie le nombre de bits utilisés pour afficher une couleur (color).
screen.pixelDepthRenvoie 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>