Hier in WCB glauben wir optimistisch, dass es einen glänzenden Tag geben wird, an dem alle Browser unsere Websites identisch anzeigen. Aber in dem Moment, in dem dieser Artikel geschrieben wird, ist dieser Tag noch ziemlich weit weg und wir stehen immer noch vor der Notwendigkeit, die Websites, die wir auf verschiedenen Plattformen, Geräten und Browsern erstellen, zu testen, um sicherzustellen, dass unser Kunde am Ende zufrieden sein wird.
Wenn Sie Websites erstellen, verwenden Sie möglicherweise alte gute Testtechniken, z. B. das Ausführen virtueller Maschinen mit vielen installierten Browsern und Betriebssystemen, das Kaufen einiger Laptops oder das Belästigen Ihrer Freunde und Nachbarn mit der Bitte, Ihre Website auf ihrem iPad zu testen. Nun, diese Wege haben durchaus das Recht, noch zu existieren.
Aber Sie würden sich selbst treten, wenn Sie wüssten, wie viele Dienste Ihnen heutzutage anbieten, Ihre Website problemlos mit nur einem Klick zu testen.
Browserschüsse
Mit dem kostenlosen Webservice können Sie die Website auf mehr als 50 Browsern und Betriebssystemen testen, die sie in einer Vielzahl von Variationen kombinieren. Der einzige verwirrende Moment ist, dass Sie nur Screenshots erhalten, sodass Ihre Skripte und blinkenden CSS-Hintergründe nicht angezeigt werden.
Sie müssen nur Ihre URL angeben, auf die Schaltfläche klicken und warten – Ihre Website wird in die Warteschlange gestellt und in einiger Zeit (von 5 Minuten bis 2 Stunden, je nachdem, wie ausgelastet die Server sind) erhalten Sie Ihre Screenshots nur eins nach dem anderen.
Tatsächlich kann dort ein kostenpflichtiges Konto gekauft werden, mit dem Sie eine hohe Priorität für 29.95 $ / Monat erhalten, sodass Sie Ihren Screenshot in 5 Minuten erhalten.
Besuchen Sie die offizielle Website
CrossBrowserTesting
Extrem funktionaler kostenpflichtiger Service, mit dem Sie Ihre Website auf echten Computern über eine VNC–Verbindung auf jedem Browser und Betriebssystem testen können – über 1000 Kombinationen ab 29.95 $ / Monat.
Ganz zu schweigen davon, dass Tests auf mobilen Plattformen und Geräten wie Android und iOS verfügbar sind – alles in Echtzeit, sodass Ihre CSS-Hintergründe jetzt wie ein Weihnachtsbaum blinken!
Besuchen Sie die offizielle Website
Lackmus
Neben einem Cross-Browser-Kompatibilitätstest validiert dieser nützliche Onlinedienst HTML- und CSS-Code.
Aber ein großartiges Merkmal von Lackmus ist, dass sich der Service hauptsächlich auf E–Mail–Tests konzentriert – über 30 Mailing-Clients sowie viele Analysetools stehen zur Verfügung – Ihre E-Mails treffen direkt ins Herz und sehen auch auf Omas Nokia hübsch aus!
Die Preise beginnen bei 49 $ / Monat nach 7 Tagen Testversion.
Besuchen Sie die offizielle Website
Net Renderer
Schnelles und kostenloses Online-Tool, mit dem Sie testen können, wie die Website in älteren Versionen von IE gerendert wird (kann nützlich sein, wenn Sie häufig mit Regierungsbehörden zu tun haben – IE ist dort immer noch ein Standard). Die Funktion besteht darin, dass Screenshots aus verschiedenen Versionen in einem Bild zusammengeführt werden können, sodass der Rendering-Unterschied sehr gut dargestellt wird.
Besuchen Sie die offizielle Website
Chrome Developer Tool: Emulationsmodus
Zu meinem Denken ist es das größte Werkzeug für einen schnellen Test als kostenlos verfügbar und kommt mit erstaunlichen Chrome-Browser. Klicken Sie einfach mit der rechten Maustaste, drücken Sie Inspect Element und gehen Sie zur Emulation – voila, Sie sind im Himmel.
Eine Reihe von voreingestellten mobilen Geräten, flexible Anpassung von Auflösungen, Pixelverhältnis usw. – all diese Funktionen nur einen Klick entfernt. Darüber hinaus kann es Touchscreen-Geräte emulieren, die für Tests und Forschungen von User Experience Patterns massiv nützlich ist. Sie zahlen keinen Cent und in Kombination mit dem localhost-Server haben Sie eine leistungsstarke und flexible Testfabrik, in der Sie auch ohne Internetverbindung überall arbeiten können – absolut schön!
Diese Optionen sind sicherlich nur ein kleiner Teil einer Vielzahl von Diensten und Programmen, die Sie leicht selbst im Internet finden können. Hier habe ich aufgelistet, was ich einen Besuch wert finde.
Der helle Tag des universellen Renderings ist auf dem langen Weg, aber mit diesen einfachen Tools sind Sie voll ausgestattet, um jeden Client mit jedem exotisch konfigurierten Gerät mit dem, was Sie bauen, zufrieden zu stellen.