Cross-Browser-Test (PC)
Ein sicheres Zeichen für ein solides, gut codiertes CSS-Layout ist, dass es über alle Browser und Plattformen hinweg konsistent angezeigt wird. Ein Blick auf die aktuellen globalen Browser-Statistiken zeigt, dass Internet Explorer zwar weiterhin der beliebteste Webbrowser im allgemeinen Gebrauch ist, seine Benutzerbasis jedoch ziemlich gleichmäßig zwischen den Versionen 6 und 7 aufgeteilt ist.
Und obwohl andere Browser wie Firefox, Opera und Safari einen relativ geringen Anteil am Browsermarkt haben, wäre es für jeden Webdesigner oder Entwickler unklug, sie beim Testen ihrer Arbeit zu ignorieren.
Die Notwendigkeit zu testen
Die unten gezeigte Site unterstreicht beispielsweise die Notwendigkeit gründlicher browserübergreifender Tests. In Firefox sieht die Site fantastisch aus. In Internet Explorer 6 sieht die Site jedoch fehlerhaft aus, da IE6 die PNG-Alpha-Transparenz nicht unterstützt (was im Code der Site anscheinend berücksichtigt wurde, die gewählte Lösung jedoch nicht zu funktionieren scheint) auch wegen einiger Positionierungsprobleme.
Da Cross-Browser-Tests für Mac bereits in Design Shack behandelt wurden, konzentriert sich dieser Artikel auf Methoden zum Cross-Browser-Testen auf dem PC. Ein offensichtlicher Ausgangspunkt für browserübergreifende Tests ist die Installation jedes Hauptbrowsers. Die neuesten Versionen können unten heruntergeladen werden:
Internet Explorer
Es ist jedoch nicht ganz so einfach, Ihre Arbeit sowohl in Internet Explorer 6 als auch in Internet Explorer 6 zu testen. Standardmäßig führt Windows nur eine IE-Version aus, und obwohl dies für den durchschnittlichen Webbenutzer offensichtlich kein großes Problem darstellt Dies ist problematischer für Webdesigner und Entwickler, die sicherstellen müssen, dass ihre Arbeit in beiden Versionen korrekt angezeigt wird. Eine Möglichkeit, dies zu überwinden (wenn Sie Windows XP ausführen), ist die Verwendung des Multiple IE-Installationsprogramms von TredoSoft. Mit diesem ausgeklügelten Tool können mehrere eigenständige Versionen von Internet Explorer gleichzeitig auf demselben PC ausgeführt werden, sodass das Testen mehrerer Versionen sehr einfach ist.
Eine weitere Option, bei der nichts auf Ihrem PC installiert wird, ist die Verwendung eines Online-Rendering-Dienstes wie IE NetRenderer. Hier geben Sie einfach die URL der zu testenden Seite ein, wählen die Version des IE aus, in der Sie sie testen möchten, und NetRenderer rendert einen Screenshot für Sie. Der Nachteil dabei ist, dass Sie nur einen statischen Screenshot erhalten, sodass dynamische Funktionen wie Verbesserungen der AJAX-Benutzeroberfläche nicht getestet werden können. Darüber hinaus rendert NetRenderer nur bis zum Falz. Wenn Sie also eine besonders lange Seite haben, ist diese für Sie möglicherweise nicht von großem Nutzen.
Safari
Nach meiner Erfahrung ist die Installation von Multiple IE eine weitaus kinderleichtere Methode zum Testen von Webseiten in mehreren Versionen von Internet Explorer auf dem PC. Wenn Sie jedoch auf anderen Plattformen wie Apple Safari unter Mac OS X nach anderen Browsern testen möchten, besteht die einzige Möglichkeit zum lokalen Testen darin, einen Mac zu kaufen. Eine viel billigere (wie kostenlos) Alternative ist die Verwendung eines anderen Online-Rendering-Dienstes. Dieses Mal ist es BrowsrCamp, das Screenshots von Webseiten rendert, wie sie in Safari unter Mac OS X angezeigt werden.
Während auf den verschiedenen Plattformen viele andere Browser verfügbar sind, werden die hier behandelten Browser allgemein verwendet und sollten daher bei der Gestaltung von Webinhalten in die Testphase jedes Webdesigners und Entwicklers einbezogen werden.
){kind=link}