Inhaltsverzeichnis
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
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>
*
