Homepage-Auflösungen
Scripte > Control
Webseiten mit verschiedenen Auflösungen testen
Dieser Test ist ein HTML 5 Skript, mit der man eine Webseite mit einer Vielzahl von Auflösungen schnell testen kann.
Es funktioniert auch auf mobilen Geräten wie Handy oder Tablet wo man in der Regel nicht die Breite des Browsers ändert.
Es sind 12 Seitenbreiten und natürlich die jeweils aktuelle 100 % Auflösung voreingestellt, die man selbst im HTML-Code anpassen kann.
Es öffnet sich eine separate neue Seite im Browser um einen realen Test darstellen zu können.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken. HEAD-Code in den HEAD-Bereich <head>...</head> und HTML-Code in den BODY-Bereich <body>...</body> der aufrufende Datei einfügen.
Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.
Aufruf: "http://www.domain.tld/demo.html". Diese kann aber nicht durch einen Doppelklick ausgeführt werden.
Code für den <HEAD> Bereich
<link rel="stylesheet" href="wsX5Obj/Obj168_0/btn_style.css">
Alternative Einbindung:
<style>
.Obj168_btn {
color: #7C6031;font-size: 12px;font-weight: bold;font-family: tahoma;background-color: #EEF6E8;border: 2px solid #7C6031;padding: 7px;border-radius: 5px;
}
.Obj168_btn:hover { background-color: #B4DA9F; border: 2px solid #7C6031; padding-left: 15px; }
</style>
Code für den <BODY> Bereich
<button class="Obj168_btn" onClick="window.open('wsX5Obj/Obj168_0/revocat_inc.html');">
Homepage Test öffnen
</button>
» nach oben «