codestory

Die Anleitung zu Javascript Screen

View more Tutorials:

Folge uns auf unserer fanpage, um jedes Mal benachrichtigt zu werden, wenn es neue Artikel gibt. Facebook

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
PropertyDie Bezeichnung
screen.widthDie Breite des Bildschirm  in pixel.
screen.heightDie Höhe des Bildschirm in  pixel.
screen.availWidthDie Breite des Bildschirm in pixel, abzüglich des Raum der Interface-Funktionen (interface features), z.B Taskleiste (Taskbar).
screen.availHeightDie Höhe des Bildschirm in pixel, abzüglich des Raum der Interface-Funktionen (interface features), z.B Taskleiste (Taskbar).
screen.colorDepthDie Anzahl von bits zurückgeben, die für die Anzeige einer Farbe benutzt wird (color).
screen.pixelDepthDie 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>

 

View more Tutorials:

Vielleicht bist du interessiert

Das sind die Online-Courses außer der Website o7planning, die wir empfehlen. Sie können umsonst sein oder Discount haben.