Wie die Größe eines Darstellungsbereichs erkannt
Die Entwickler von Webanwendungen müssen wissen, wie viel Speicherplatz innerhalb des Browserfensters, ein Webseitenlayouts zu entwickeln ist. Dieser Raum, genannt die Browser-Ansicht, ist das Fenster im Browser, mit dem Sie den Dokumentinhalt anzeigen. Der Browser-Viewport schließt die Fenster-Symbolleisten. Seine Größe hängt auch davon ab, ob der Browser in den vollen Bildschirm oder Fenster-Modus ist. Erkennt die Größe eines Darstellungsbereichs Browser können Sie Benutzer mit besseren Betrachtung Ihrer Webseiten bereitstellen.
Anweisungen
1 Klicken Sie in Windows "Start" und dann auf "Editor" Notepad Texteditor zu öffnen.
2 Klicken Sie auf "Datei", wählen Sie "Öffnen" und doppelklicken Sie auf die HTML-Datei, in der Sie die Erkennung von Browser Viewportgröße hinzufügen möchten.
3 Fügen Sie den folgenden Code am Anfang der Datei:
< Skript-Typ = "Text/Javascript" >
<!--
Var Viewportwidth;
Var Viewportheight;
die weitere Normen konformen Browser
(Mozilla/Netscape/Opera/IE7) Verwendung window.innerWidth und
window.innerHeight
Wenn (Typeof window.innerWidth! = 'undefined')
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}
IE6 im Standardmodus (d. h. mit ein gültiger Doctype als konform
die erste Zeile im Dokument)
elseif (Typeof document.documentElement! = 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0)
{
viewportwidth = document.documentElement.clientWidth,
viewportheight = document.documentElement.clientHeight
}
Ältere Versionen von Internet Explorer
sonst
{
viewportwidth = document.getElementsByTagName('body')
[0] .clientWidth
viewportheight = document.getElementsByTagName('body')
[0] .clientHeight
}
Document.Write ("< p > die Viewport-Breite ist
Viewportwidth + 'X' + Viewportheight + ' </p >');
-->
< / script >
4 Klicken Sie auf "Datei", wählen Sie "Save'and klicken Sie auf"OK", um die Viewportgröße Browser auf der Webseite zu erkennen.