Kommen wir wieder zu einem Thema welches mehr in Richtung Technik geht, genauer gesagt um Webdesign.

Welcher Webdesigner kennt nicht das folgende Problem: Man entwirft eine neue Website oder ein neues Theme und optimiert es dahingehend, dass es im eigenen Browser richtig dargestellt wird. Dies ist leider heutzutage nicht mehr ausreichend da eine regelrechte Browservielfalt herrscht.

Die Darstellung in anderen Browsern kann man zwar auch begrenzt testen, nur wenn es darum geht verschiedene Browserversionen zu testen (viel Spaß bei dem Versuch Internet Explorer 6/7/8 parallel zu installieren ), oder wenn betriebsystemfremde  Browser getestet werden sollen, stößt man  schnell an Grenzen.

Hier kommt der kostenlose Dienst browsershots.org ins Spiel. Dieser erlaubt nämlich, die Darstellung von Websites unter verschiedensten Browsern (über 60!), mit unterschiedlichen Auflösungen zu prüfen.

Weiterhin ist es möglich die Darstellung mit und ohne aktiviertem Javascript, Java und Flash testen zu lassen.

Die Handhabung

Kommen wir zur zugegebenermaßen weitestgehend intuitiven Bedienung.

Direkt auf der Startseite können die zu prüfende URL sowie die gewünschten Parameter (Browser, Auflösung etc.) ausgewählt werden. Nach einem Klick auf “Submit” erfolgt eine Weiterleitung auf eine Statusseite, auf welcher man den Fortschritt sowie die bereits eingetroffenen Bilder betrachten kann.

Abhängig von der Auslastung der sogenannten shotfactories (später mehr dazu) kann es bis zu einer Stunde dauern, bis alle Screenshots zur Verfügung stehen. Die Adresse der Statusseite ist individuell für jede geprüfte Website, daher ist es nicht erforderlich währenddessen auf der Seite zu bleiben.

Die URL bleibt 10 Tage gültig. Somit können die entsprechenden Ergebnisse auch ohne Probleme für kurze Zeit verlinkt werden.

Ein Ergebnis sieht zum Beispiel so aus:

afkbio blog in browser shots

Mit einem Klick auf das entsprechende Thumbnail lassen sich Details der shotfactory, sowie die Screenshots in Originalgröße aufrufen.

Hinweis: Unter Umständen kann es vorkommen, dass Seiten nicht komplett geladen werden, oder Fenster “vor” den Browsern auf den Screenshots sind. Das kann verschiedene Ursachen haben. Das Beste in einem solchen Fall ist einfach eine erneute Überprüfung, welche sich auf die fehlerhaften Browser beschränkt, zu starten.

Die Technik

Kommen wir noch kurz zur Technik hinter diesem nützlichen Tool:

Die Screenshots werden nicht etwa von einem zentralen Server angefertigt. Damit wäre die enorme Leistung (ca. 150.000 geprüfte Seiten pro Tag!) gar nicht möglich.

Das System verlässt sich also auf Personen, welche ähnlich wie bei einem Distributed Computing Projekt, Ihren Computer zur Verfügung stellen, um diese Arbeit zu verrichten. Jeder Interessent kann den Dienst daher selbst aktiv unterstützen!

Dies wird durch das Programm shotfactory ermöglicht. Diese kann vollautomatisiert die entsprechenden URLs vom Browsershots-Server abrufen, startet den entsprechenden Browser, macht die Screenshots und läd diese hoch. Hier ist bis auf eine Einrichtung zu Beginn keine weitere Arbeit erforderlich!

Für alle Interessenten werde ich innerhalb der nächsten Tage eine ausführliche Anleitung zur Konfiguration einer shotfactory erstellen, und in diesem Blog veröffentlichen.