Jeder, der schon einmal eine Webseite designed hat, kennt das:
Im Standardbrowser sieht das Design genau so aus, wie man sie sich vorgestellt hat. Bestens! Es lebe der valide CSS / (x)html-Code.
Gilt das somit auch für andere Browser? Sollte man doch meinen. Immerhin macht man sich die Mühe, validen Code zu produzieren und sich an Standards zu halten. Aber das ist natürlich weit gefehlt.
Nicht selten ist im Brwoser XY ist das Layout total zerschossen. Schön, wenn man es selber herausfindet. Blöd nur, wenn die Seite online ist und man seine Besucher mit einem häßlichen Layout begrüßt.
Viele Entwickler halten sich nicht an gegebene Standards oder erweitern ihn nach eigenem Ermessen. Zugegeben, verglichen mit vor 10 Jahren hat sich die Situation aber schon um einiges verbessert.
Ohne jetzt mal näher auf die Gründe einzugehen oder mit dem Finger auf böse Browser zeigen zu wollen, möchte ich euch einige Möglichkeiten zeigen, wie ihr das Layout eurer Seite ohne Installation auch in exotischen Browsern ansehen und testen könnt.
Eine sehr große Auswahl an Browser, auch installiert unter verschiedenen Betriebssystemen, findet man auf BrowserShots.
Bei Browsershots trägt man seine URL in einer Warteschlange ein und erhält nach einigen Minuten Screenshots von der eigenen Webseite.
Diese Screenshots zeigen die Seite so, wie sie in den gewählten Browsern angezeigt wird.
Je nach Auswahl kann hier einige Zeit vergehen. Nach 30 Minuten muss die Wartezeit per Mausklick verlängert werden, sonst wird man aus der Warteschlange gelöscht. Wer möchte, kann sich einen bezahlten Account anlegen, um schneller an die Bildschirmfotos zu kommen.
Grob geschätzt kann dort aus 100 verschiedenen Browsern unter Linux, Windows und MacOS ausgewählt werden.
Ebenfalls ist die Angabe der Bildschirmauflösung, Farbtiefe, Java- und Flashversion möglich.
Eine Alternative dazu ist der Einsatz von portablen Versionen von Browsern. Eigentlich für die Verwendung auf einem USB-Stick gedacht, sind die Portables bestens geeignet, um sich ein Bild von einer Software zu machen, ohne diese installieren zu müssen.
Eine große Auswahl an portablen Browsern (und auch anderer portabler Software) findet man zum Beispiel bei Caschy.
Eine weitere Seite, auf die ich kürzlich bei heise online aufmerksam wurde, ist Xenocode. Xenocode bietet ebenfalls Browser an, die ohne Installation lauffähig sind und darüber hinaus in einer eingenen Sandbox laufen. Der Nachteil an der Sandbox-Version ist, das damit kein Anpassen der Einstellungen, persönliche Lesezeichen usw. möglich ist.
Für den Test des Layouts ist das aber auch nicht notwendig.
Mobiler Content wird ja auch immer wichtiger, deshalb hier auch noch ein paar Links, wo man seine Seite auf einem emulierten Handy angezeigt bekommt.
iPhone – wie der Name schon sagt, ein Emulator des iPhone-Browsers
Opera Mini – simuliert den Browser opera Mini
Wie stellt ihr die Brwoserkompatibilität eurer Webseiten sicher? Mal abgesehen von validem Code.





Wir bleiben in Kontakt!
Immer auf dem Laufenden mit Feeds, Twitter, Facebook und Co.