Tutorial: Browserkompatibilität
Worum gehts?
1) Mit welchen Browsern wird meine Seite korrekt angezeigt?
2) Wie kann ich alte Browser aussperren/dort eine Fehlermeldung anzeigen?
Schwierigkeitsgrad
Einfach - mit etwas Zeitaufwand von jedem anwendbar
Tutorial
1. Die Seite in allen Browsern testen
Um herauszufinden, in welchen Browsern die Seite korrekt angezeigt wird, muss man nicht aufwendig all diese Browser installieren. Einfacher geht es mit dem Plugin von Spoon.net, damit lassen sich alle Browser direkt im eigenen Browser starten.
Leider hat Microsoft spoon.net verboten, auch alle Internet Explorer Versionen anzubieten. Deshalb muss man hier auf ein alternatives Tool umsteigen, den IETester (Download). Hier können alle Versionen ab dem IE5 verwendet werden.
2. Mit folgenden weit verbreiteten Browsern sollte eure Seite funktionieren:
Firefox 2+, Opera 9+, Chrome 4+, Safari 4+, Internet Explorer 7+
3. Fehlermeldung in alten Browsern:
Die alten Browser (Internet Explorer 5 und 6) zeigen eure Seite nicht korrekt an? Gebt für alle alten Internet Explorer folgende Fehlermeldung aus (Text kann geändert werden).
Fügt folgenden Code ganz oben auf eurer Page in ein Widget/HTML-Modul ein:
<!--[if lte IE 6]>
<div style="width:97,5%; padding: 5px; padding-left: 10px; heigth:50px; background-color:#FBE1E1; border:1px solid #EA977D;">
<font style="font-size:11px; line-height:0.5;"><strong>Achtung:</strong> Sie verwenden einen veralteten Browser. Bitte laden Sie sich <a
href="http://www.browserchoice.eu">hier</a> einen
aktuellen Browser herunter um die Seite korrekt anzeigen zu können.</font>
</div>
<![endif]-->
6: Bis zu dieser Version des Internet Explorers wird die Fehlermeldung angezeigt (inklusive dieser Version - hier also bis inklusive zur Version 6)
4. Alte Browser aussperren/weiterleiten
Wenn ihr veraltete Browser auf der ganzen Seite aussperren wollt, solltet ihr diesen Code unten in der Sidebar einfügen (Widget/HTML-Modul). Die Besucher gelangen dann auf eine Browserchoice Seite, auf der sie einen aktuellen Browser installieren können.
Wenn ihr die Weiterleitung nur auf einer bestimmten Unterseite wollt, wird der Code nicht in der Sidbar, sondern unten auf dieser bestimmten Seite eingefügt.
<!--[if lte IE 6]>
<script type="text/javascript">
setTimeout("self.location.href='http://www.browserchoice.eu'",0);
</script>
<![endif]-->
6: Internet Explorer bis zu dieser Version werden von eurer Page ausgesperrt und auf die Browserchoice Seite weitergeleitet (inklusive dieser Version)
Warum nur für alte Internet Explorer?
Eure Webseite sollte alle anderen Browser unterstützen, um möglichst viele User erreichen zu können. Daher stelle ich nur ein Skript für sehr alte IEs zur Verfügung.
5. Die Tutorialsammlung unterstützen
Unterstützt die Tutorialsammlung, damit es auch weiterhin Jimdo Tutorials gibt!
Z.B. indem ihr auf "gefällt mir" drückt oder meine Hauptseite besucht.
Kommentar schreiben
consulting-case-interviews (Sonntag, 30 Januar 2011 18:50)
Funktioniert perfekt - vielen Dank für dieses Tutorial!
Daniel K. (Samstag, 27 August 2011 20:41)
Wie ich finde übrigens noch eine viel schönere Browserchoice Seite, allerdings speziell auf die Nutzer des IE 6 ausgelegt. http://abetterbrowser.org
michael-reinwald (Samstag, 14 Januar 2012 11:20)
Du gibst Dir sehr viel Mühe um anderen zu Helfen. Danke