Web, Tech & Social Media

Tools für schnelles Cross-Browser-Testing

März 16th, 2009 • News, Web

Jeder Webentwickler kennt das alte Problem. Seite fertiggestellt, sieht im Firefox hervorragend aus und im Internet Explorer wie das verschobene Muster eines schlecht gemachten Perserteppichs. Dann kommen da noch die Differenzen zwischen IE7 und IE6 und und und.

Um ein neues Projekt nun schnell und effektiv in den verschiedensten Browsern und Versionen zu testen, bedient man sich des sogenannten Cross-Browser-Testings. Das kann geschehen, indem man sich alle Browser Varianten auf dem Rechner installiert, oder indem man einfach auf die hier vorgestellten Dienste zurückgreift.

Browsershots
Ein feiner und vor allem kostenloser Service zum Cross-Browser-Testing. Browsershots bietet die Möglichkeit Screenshots eines Projekts in so ziemlich jedem neuen und alten Browser zu sehen. Einfach die URL des Projekts eingeben, kurz auf das Ende der Warteschlange warten und fertig. Wer die Warteschlange überspringen und lieber mit Priorität bedient werden möchte, kann eine bezahlte Mitgliedschaft mit ca. 15 $ pro Monat abonnieren. Zwar dauert es stellenweise eine Weile bis man durch die Warteschlange kommt, doch die Zwangspause ist auch eine hervorragende Gelegenheit für eine gute Tasse Kaffee.

Litmus
Litmus kann nicht nur Websites in unterschiedlichen Browsern darstellen, sondern zeigt auch Entwürfe für Email Newsletter in allen großen Mailplattformen. Der Service ist in der Basisversion kostenlos, zeigt dann allerdings nur einen Vergleich von Websites im Internet Explorer 7 und Firefox 2, sowie Email Tests in Outlook 2003 und Gmail. Ein Tagespass mit Zugang zu 23 Browsern und 16 Email Clients kostet 24 $.

IE NetRenderer
Ok, der Name ist extrem Old School aber dafür Programm. Der IE NetRenderer ist ebenfalls kostenlos und hilft dabei schnell an Screenshots eines Projekts in allen Versionen des Internet Explorer zu gelangen. Gerade für uns Mac User ein sehr nützliches Feature. Einfach die URL des Projekts eingeben, IE Version auswählen und fertig ist der Screenshot.

BrowsrCamp
Was klingt wie ein Rechtschreibfehler ist natürlich beste Web2.x Schreibweise. BrowsrCamp ist ein Tool erster Klasse für alle Windows User und in der Basisversion kostenlos. Nicht nur normale Screenshots aller Mac OS X Browser können ausgewählt werden, sondern auch gleich die entsprechenden Bildschirmauflösungen. Besonders schön ist, das BrowsrCamp nicht nur den oberen Teil der Website als Screenshot sichert, sondern die komplette Seite bis zum Footer. So lässt sich ein sehr schönes Gesamtbild gewinnen.

iPhoney
Wie der Name schon sagt, simuliert iPhoney den Browser des Apple iPhone. Gerade für Entwickler von Webapps eine gute Sache. iPhoney ist kostenlos, erfordert aber den Download einer kleinen Software. Sehr gelungen ist auch die Möglichkeit die Seiten im Simulator wie auf dem iPhone rotieren zu lassen.