
Vorschau und ZIP-Datei mit allen Dateien.
Kopiere die Dateien auf deinem Server in einem separaten Pfad. Wenn du dir den Pfad merkst kannst du jederzeit auch auf anderen PC's/Browser diesen Test fahren. Für einen Test einer anderen HP und/oder Provider installiere die Dateien auf dieser HP temporär.
Wenn du Erweiterungsvorschläge hast dann poste sie bitte.
Öffne im KompoZer eine leere HTML-Datei und erstelle mit dem CSS-Editor die Klasse ".hoehe" (siehe unten). Speichere ab und beende den KompoZer. Öffne nun diese Datei mit einem Quelltext-Editor (Notepad++) und fügen die einzelnen/benötigten Bausteine hinzu. Die Bausteine sind einfach gehalten und selbsterklärend.
Die Klasse .hoehe
Code: Alles auswählen
.hoehe {
height: 800px;
width: 100%;
}
Die Bausteine im Einzelnen
Unterstützung von Cascading Style-Sheets
Code: Alles auswählen
<p><font color="red">
<span style="color: green;">Cascading Style-Sheets wird
unterstützt, wenn dieser Satz in grüner Farbe erscheint.</span></font></p>
Verfügbarkeit und Aktivierung von JavaScript
Code: Alles auswählen
<p><script type="text/javascript" language="JavaScript">
<!--
document.write('<font color="green">Wenn dieser Text in grüner Farbe erscheint, ist JavaScript verfügbar und aktiviert.<\/font>');
//-->
</script></p>
<noscript><font color="red">
JavaScript wird vom verwendeten Browser entweder nicht unterstützt oder es ist deaktiviert.
</font></noscript>
Test und Versionsausgabe Java
Code: Alles auswählen
Nutze dazu die Seite von <a style="font-style: italic;" href="http://java.com/de/download/installed.jsp">Sun Microsystems</a>
iframe-Test
Code: Alles auswählen
<iframe src="iframe.jpg"width="50%"> Dein Browser kann keine iframe </iframe>
Browserversion die dem Server gemeldet wird
Code: Alles auswählen
<iframe src="browser.php" width="100%"></iframe>
Informationen die dein Browser sendet
- offizieller Name des Browsers:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.appName); </script></font>
- Spitzname des Browsers:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.appCodeName); </script></font>
- Browser-Version:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.appVersion); </script></font>
- Cookies erlaubt:
Code: Alles auswählen
<font color="red"><script type="text/javascript">if (navigator.cookieEnabled == true) { document.write("Cookies erlaubt"); } else if (navigator.cookieEnabled == false) { document.write("Cookies verboten."); } else { document.write("Verrate ich nicht."); }</script></font>
- Browser-Sprache:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.language); </script></font>
- Plattform auf der der Browser läuft:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.platform); </script></font>
- HTTP-Identifikation des Browsers:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.userAgent); </script></font>
- Java-Verfügbarkeit:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.javaEnabled); </script></font>
- Klasse/Architektur des Prozessors:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.cpuClass); </script></font>
- Browser-Sprache (IE):
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.browserLanguage); </script></font>
- Betriebssystem-Sprache (IE):
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.systemLanguage); </script></font>
- Anzahl der Plugins:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.plugins.length); </script></font>
- Produktname eines Plugins:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.plugins.name); </script></font>
- Dateiname eines Plugins:
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(navigator.plugins.filename); </script></font>
- Bildschirmauflösung (Höhe in Pixel):
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(screen.height); </script></font>
- Bildschirmauflösung (Breite in Pixel):
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(screen.width); </script></font>
- Farbtiefe (bit):
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(Math.pow(2, screen.colorDepth)); </script></font>
- Farbauflösung (bit pro Pixel):
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(screen.pixelDepth); </script></font>
- verfügbare Höhe (Pixel):
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(screen.availHeight); </script></font>
- verfügbare Breite (Pixel):
Code: Alles auswählen
<font color="red"><script type="text/javascript"> document.write(screen.availWidth); </script></font>

PHP-Test
Code: Alles auswählen
<iframe src="test.php"></iframe>
Volltest PHP und MySQL
Code: Alles auswählen
<div class="hoehe"><iframe src="voll-test.php" height="100%"
width="100%"></iframe></div>
