Provider-Browser-Test

Antworten
Admin
Administrator
Beiträge: 84
Registriert: Di 19. Aug 2014, 10:47

Provider-Browser-Test

Beitrag von Admin » Do 21. Aug 2014, 16:35

Provider-Browser-Test ist als kleine Hilfestellung bei der Problemanalyse gedacht. Der Inhalt ist modular gestaltet, so dass du dir auch deine eigene Version zusammen bauen kannst. :mrgreen:

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>
Die hier eingebundene Datei findest du in der downloadbaren ZIP-Datei (siehe oben).

Browserversion die dem Server gemeldet wird

Code: Alles auswählen

<iframe src="browser.php" width="100%"></iframe>
Die hier eingebundene Datei findest du in der downloadbaren ZIP-Datei (siehe oben).

Informationen die dein Browser sendet
  1. offizieller Name des Browsers:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.appName);
    </script></font>
  2. Spitzname des Browsers:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.appCodeName);
    </script></font>
  3. Browser-Version:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.appVersion);
    </script></font>
  4. 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>
  5. Browser-Sprache:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.language);
    </script></font>
  6. Plattform auf der der Browser läuft:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.platform);
    </script></font>
  7. HTTP-Identifikation des Browsers:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.userAgent);
    </script></font>
  8. Java-Verfügbarkeit:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.javaEnabled);
    </script></font>
  9. Klasse/Architektur des Prozessors:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.cpuClass);
    </script></font>
  10. Browser-Sprache (IE):

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.browserLanguage);
    </script></font>
  11. Betriebssystem-Sprache (IE):

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.systemLanguage);
    </script></font>
  12. Anzahl der Plugins:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.plugins.length);
    </script></font>
  13. Produktname eines Plugins:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.plugins.name);
    </script></font>
  14. Dateiname eines Plugins:

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(navigator.plugins.filename);
    </script></font>
  15. Bildschirmauflösung (Höhe in Pixel):

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(screen.height);
    </script></font>
  16. Bildschirmauflösung (Breite in Pixel):

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(screen.width);
    </script></font>
  17. Farbtiefe (bit):

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(Math.pow(2, screen.colorDepth));
    </script></font>
  18. Farbauflösung (bit pro Pixel):

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(screen.pixelDepth);
    </script></font>
  19. verfügbare Höhe (Pixel):

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(screen.availHeight);
    </script></font>
  20. verfügbare Breite (Pixel):

    Code: Alles auswählen

    <font color="red"><script type="text/javascript">
    document.write(screen.availWidth);
    </script></font>
Ganz schön geschwätzig diese Browser ;)
PHP-Test

Code: Alles auswählen

<iframe src="test.php"></iframe>
Die hier eingebundene Datei findest du in der downloadbaren ZIP-Datei (siehe oben).

Volltest PHP und MySQL

Code: Alles auswählen

<div class="hoehe"><iframe src="voll-test.php" height="100%"
 width="100%"></iframe></div>
Die hier eingebundene Datei findest du in der downloadbaren ZIP-Datei (siehe oben).
Dieses Tutorial wurde am 28. Apr 2008 von gimp-michel auf KompoZer-Web veröffentlicht.

Antworten