Inhaltsverzeichnis

Die Anleitung zu Javascript Screen

1- window.screen

Wenn Ihr Browser auf dem Computer läuft, ist  window.screen das Objekt, das dem PC Bildschirm vertritt. Wenn Ihr Projekt auf einer Handy läuft, ist  window.screen das Objekt, das dem Handy Bildschirm vertritt....
Die Properties von  window.screen:
  • screen.width
  • screen.height
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth
Property Die Bezeichnung
screen.width Die Breite des Bildschirm  in pixel.
screen.height Die Höhe des Bildschirm in  pixel.
screen.availWidth Die Breite des Bildschirm in pixel, abzüglich des Raum der Interface-Funktionen (interface features), z.B Taskleiste (Taskbar).
screen.availHeight Die Höhe des Bildschirm in pixel, abzüglich des Raum der Interface-Funktionen (interface features), z.B Taskleiste (Taskbar).
screen.colorDepth Die Anzahl von bits zurückgeben, die für die Anzeige einer Farbe benutzt wird (color).
screen.pixelDepth Die Anzahl von pixel depth (bit depth) vom Bildchirm zurückgeben.
Ein PC Bildschirm benutzt das Betriebssystem  Windows 7:
Ein PC Bildchirm benutzt das Betriebssystem  Ubuntu:
zum Beispiel:
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>