Webdienste zum Testen der Browserdarstellung

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.

Gratisdienste

  • Browsershots: Viele Browser und Optionen auswählbar. Oftmals sehr langsam, da browsershots.org lediglich die Screenshot-Aufträge als Server entgegennimmt und an Clients der Web-Community (VNC) verteilt.
  • IE NetRenderer: Fertigt ausschließlich Screenshots verschiedener Internet Explorer Versionen unter Windows in lediglich einer vorgebenen Größe. Highlight: Übereinandergelegtes Bild vom IE6 und IE7.
  • BrowseThisForMe: Screenshots gängiger Browser werden per E-Mail verschickt.

Kostenpflichtige Dienste

  • BrowseCam: Deckt beinahe alle Testszenarien ab, zusätzlich Remote-Access und Konfiguration eigener virtueller Maschinen.
  • CrossBrowserTesting: Remote-Zugriff mit umfassenden Auswahloptionen.
  • Browsrcamp: Bietet Remote-Access-Browsing ausschließlich für diverse Mac OS X Browser. Zum Test lassen sich gratis einige Screenshots anfertigen.
  • Browsera: Nur Screenshots. Als Highlight lassen sich auch geschützte Bereiche testen (z. B. bei einem Forum).
  • Mogotest: Screenshots können verglichen werden, wobei als Besonderheit Abweichungen vom Referenzbrowser eigenständig erkannt und gemeldet werden.
  • NetMechanic Browser Photo: Ebenfalls nur Screenshots.
  • Browserling (Beta): Die gebräuchlichsten Browser können via Remote-Access gesteuert werden. Auch ein Verändern der Bildschirmauflösung ist möglich. Bei freien Kapazitäten ist der Dienst auch kostenlos nutzbar.
  • Cloud Testing: Vergleich von Screenshots und Website-Fehlerdiagnose.
  • SauceLabs: Umfangreiche manuelle und automatisierte Testszenarien in der Cloud.
  • Litmus: Spezialisiert auf das Testen der Browserdarstellung von E-Mails.
  • Email on Acid: Ebenfalls spezialisiert auf E-Mail-Clients.
  • DeviceAnywhere: Ferngesteuerten Zugang zu echten Handys, die direkt mit einem Mobilfunknetz verbunden sind (siehe Blogpost).

(Letzte Aktualisierung / Überprüfung der Dienste: 26.09.2011)

Fazit

Für semiprofessionelle Projekte sind sicherlich die kostenlosen Cross Browser Testing Angebote ausreichend. Mit etwas Geduld lassen sich so die meisten Probleme bezüglich der Kompatibilität in den Griff bekommen. Wer maximalen Komfort möchte, und bereit ist, relativ tief in die Geldbörse zu greifen, wird an BrowserCam nicht vorbei kommen.

Kategorien: Browser, Cross-Browser-Test, Sonstiges.
Schlagwörter: , , .

3 Kommentare

  1. Bildschirmauflösungen online testen | CSS einfach erklärt sagt:
    21. Dezember 2009 um 22:57

    [...] Bildschirmgröße und nicht den Nettobereich des Browserfensters anzeigt. Auch Besonderheiten der verschiedenen Browserversionen bleiben unberücksichtigt. Für eine grobe Orientierung ist das Online-Tool aber auf jeden Fall [...]

  2. Lokaler Cross-Browser-Test | CSS einfach erklärt sagt:
    19. April 2010 um 09:36

    [...] abtesten muss, landet früher oder später bei einem kostenpflichtigen Online-Dienst wie etwa BrowserCam. Aus Anwendersicht überzeugt bei diesen Anbietern nicht nur die Wartungsfreiheit, sondern auch die [...]

  3. Webdesign auf verschiedenen Handys und Smartphones testen | CSS einfach erklärt sagt:
    20. August 2010 um 00:09

    [...] zu den PC-Betriebssystemen gibt es auch für die Smartphones zahlreiche Entwicklungsumgebungen und Tools, die eine Simulation [...]

Einen Kommentar schreiben