Die tatsächliche Größe für die Anzeige eine Website im Browserfenster variiert beträchtlich. Das hängt zunächst mit der verwendeten Bildschirmauflösung zusammen. Je größer die Bildschirmauflösung des Betrachters ist, desto größer ist die zur Verfügung stehende Fläche. Mehr lesen … »
Verschiedene virtualisierte Browser zum Download stellt Spoon auf ihrer Website bereit, die in ausführbare *.exe-Dateien verpackt sind. Somit kann man die Darstellung seines Webprojektes ohne Installationsaufwand in dem jeweiligen Browser vergleichen. Lediglich die einmalige Installation einer Datei ist notwendig. Danach wählt man auf der Homepage von Spoon einfach den gewünschten Browser mit einem Klick aus. Jeder Browser startet in einer eigenen Sandbox, sodass sich sogar verschiedene IE-Versionen parallel ausführen lassen.
Mobile Cross-Browser-Test: Gratis mit 1600 Handys surfen
Mobiles Surfen wird immer beliebter. Die Preise für das Surfen per Handy sind in den letzten Jahren kontinuierlich gesunken, gleichzeitig steigt die Übertragungsgeschwindigkeit weiter an. Ein Ende der Bandbreitensteigerung ist nicht abzusehen. Während beispielsweise O2 bereits im zweiten Halbjahr 2009 den UMTS-Turbo HSPA+ einführen möchte, setzt T-Mobile direkt auf den Nachfolger Long Term Evolution (LTE). Spektakuläre Endgeräte wie Apples iPhone fördern ebenfalls die Popularität. Insgesamt sollen nach einer Studie von TNS Infratest 16 Prozent der Deutschen Mobiles Internet im weiteren Sinne nutzen.
Als Webdesigner wird es deshalb in Zukunft immer wichtiger werden, seine Internetauftritte auch für Handynutzer zu optimieren. Das ist natürlich leichter gesagt als getan, schließlich kann man sich ein Handy nicht einfach wie einen Internetbrowser direkt oder virtuell auf seinem Betriebssystem installieren. Auch das Vorhalten selbst der gängigsten Handys scheitert am Kostenaufwand.
Ziel eines Webdesigners sollte es sein, dass die von ihm erstellten Seiten immer korrekt dargestellt werden, unabhängig davon, welcher Browser und welches Betriebssystem vom Betrachter verwendet werden. Die einzige Möglichkeit, diesen Anspruch umzusetzen, bedeutet: testen, testen und noch mal testen. Die konkreten Möglichkeiten für diese Prozedur habe ich im CSS-Buch ab Seite 134 erläutert.
Eine Möglichkeit ist die Nutzung von Webdiensten, die Testsysteme mit verschiedenen Betriebssystem- und Browserversionen betreiben (sog. Cross-Browser-Check). Möchte man seine Website testen, teilt man dem Anbieter die jeweilige URL und die gewünschte Betriebsystem und Browser-Kombination mit. Der Anbieter ruft nun die URL auf dem gewünschten System auf. In der einfachsten Variante erstellt der Anbieter hiervon einen Screenshot, welcher grundsätzlich zur Qualitätssicherung von HTML und CSS herangezogen werden kann. Lediglich die Funktion dynamischer oder mit Events verknüpfter Elemente (z. B. ein Aufklappmenü oder Javascript) lässt sich mit einem Bild natürlich nicht testen, hierfür benötigt man vielmehr einen Livetest. Einige Anbieter stellen deshalb einen direkten Remote-Zugriff auf die Browser zur Verfügung. Während der Remote-Access immer kostenpflichtig ist, gibt es für gelegentliche Screenshots auch kostenlose Alternativen.
Adobe hat ein kostenloses Werkzeug zur Simulation verschiedener Browser namens BrowserLab veröffentlicht. Nutzbar ist BrowserLab in zwei Varianten: Einerseits als Onlineservice, anderseits als Erweiterung für Besitzer der Software Dreamweaver CS4
Aktuell werden folgende Browser unterstützt:
Voraussetzung für die Nutzung der Onlinevariante ist lediglich Flash 10 sowie ein Benutzerkonto bei Adobe.
Der BrowserLab Onlineservice ist kein Livetest, sondern zeigt lediglich auf Adobe-Servern erzeugte Screenshots an. Diese kann man dann nebeneinander (2-up View) oder übereinander (Onion Skin View) anzeigen lassen, wodurch eine pixelgenaue Analyse möglich wird.
