Eines der vielen Probleme bei Web Entwicklungen ist die Darstellung einer Webseite in verschiedenen Browsern. Das einer in seine Webseite “this site is optimized for Internet Explorer 5.0 only” oder “best view with Netscape 4.0″ schreibt ist zum Glück vorbei. Je nach Anwendungsfall muss man selbst entscheiden bis zu welchen alten Browserversionen man seine Webanwendung ordentlich darstellen möchte. Hat man das einmal festgesetzt bleibt nur noch der letzte Test übrig.
Einen ersten Eindruck der Darstellung in verschiedenen Browsern kann man durch den Service BrowserShots sehr bequem erhalten. Einfach die zu testende URL der Webseite eintragen und Screenshots generieren lassen:

Die Screenshots erhält man anschließend nicht direkt sondern lediglich eine “Auftragsbestätigung” und eine ungefähre Zeit bis wann die Screenshots zur Verfügung stehen. Allerdings hat man nicht beliebig lange Zeit sondern bekommt eine Frist gesetzt, welche man aber verlängern kann, bis wann man die Screenshots heruntergelanden haben muss.

Weil BrowserShots einen ordentlichen Traffic hat sollte man sich die Screenshots nicht alle einzeln online ansehen. Es wird extra ein Download Link für alle Bilder angeboten. Einmal auf der Festplatte gespeichert kann man die Screenshots gemütlich analysieren.

Dieser Dienst erspart einem natürlich nicht den manuellen oder automatisierten Test der Anwendung in den gängigen Browsern aber er verschafft zumindest einen ersten Eindruck bei welchem Browser man evtl. für Layoutprobleme nochmal genauer hinsehen sollte.

Ich entwickle zum Beispiel zur Zeit an einem Tippspiel zur WM 2010 und anschließend für die Bundesliga um ein wenig Java EE 5 Technologien auszuprobieren. Nun habe ich eine erste Test Version online und wollte sehen wie die Darstellung in den verschiedenen Browsern ist. Ein erster Blick auf die Screenshots verrät, dass nicht alle Browser meine Übersichtsseite komplett oder verschoben darstellen.

Im Vergleich zu den webthreads Screenshots sind schon auffällig viele Browser ohne Inhalt. Allerdings kann es auch einfach nur daran liegen, dass die Verbindung zu langsam war und der Screenshot bereits ausgeführt wurde obwohl die Seite noch nicht geladen war. Dennoch sollte man das nun genauer untersuchen.
Mehr zu dem Tippspiel wird hier auf dem Blog in den nächsten Wochen noch bekannt gegeben. Soviel vorab: auf webthreads.de wird es ein Tippspiel zur WM 2010 mit ein paar Preisen für die Gewinner geben.

BrowserShots ist übrigens schon älter, denn eine erste Version dieses Artikels habe ich in meinen Entwürfen aus April 2006 gefunden und jetzt doch endlich mal veröffentlicht. =)