Vollständige Anleitung zur Cross-Browser-Kompatibilitätsprüfung
Internetnutzer haben beim Surfen im Internet eine größere Auswahl an Browsern. Es liegt in unserer Verantwortung als Designer und Entwickler, sicherzustellen, dass von uns erstellte Websites für die meisten der meist verwendeten Browser heutzutage kompatibel sind.
Das führt zu einer einfachen, aber kritischen Frage - Welche Browser verwenden unsere Besucher?? Laut w3school werden häufig verwendete Browser verwendet Internet Explorer 7 und 8 und Feuerfuchs mit Safari und Google Chrome allmählich abholen. Die Zahlen können jedoch je nach Nische von Standort zu Standort variieren. Es ist am besten, die demografischen Daten von Ihren Website-Metriken zu erhalten, Google Analytics zum Beispiel.
Sobald Sie festgestellt haben, dass von Ihren Besuchern gängige Browser verwendet werden, ist es an der Zeit sicherzustellen, dass die Website in diesen Browsern gleich angezeigt wird. Es ist fast unmöglich, alle verschiedenen Browser auf einem Computer zu installieren. Dank einiger Tools und Webservices ist es jedoch möglich, herauszufinden, wie Ihre Website in anderen Browsern aussieht.
In diesem Artikel möchten wir Sie auf einige der Lösungen aufmerksam machen, auf die Sie sich bei Cross-Browser-Kompatibilitätstests verlassen können. Vollständige Liste nach dem Sprung.
Online-Kompatibilität testen
Browsershots
Browsershots ist ein kostenloses und populäres Cross-Platform-Kompatibilitäts-Testprogramm für Webdesigner. Browsershots erstellt Screenshots Ihres Webdesigns in verschiedenen Browsern. In der Browsershots-Datenbank sind alle gängigen Browser enthalten. Sie können ganz einfach überprüfen, wie Ihre Website in allen Browsern und Betriebssystemen aussieht.
Browser-Sandbox
Auf dieser Seite, die von Spoon.net erstellt wurde, können Sie verschiedene Browser einschließlich Internet Explorer, Firefox, Safari, Chrome und Opera direkt von Ihrem Browser aus ausführen. So einfach ist das.
Netrenderer
IE NetRenderer ist ein kostenloser Browser-Kompatibilitäts-Tester. Mit IE NetRenderer können Sie überprüfen, wie eine Website von verschiedenen Versionen von Internet Explorer dargestellt wird. Nach dem Beta-Test wird sehr bald in IE NetRenderer die neueste Version von IE-IE9 integriert, und Sie können sehen, ob Ihre Website Fehler in diesem Browser anzeigt.
Browsrcamp
Mit Browsrcamp können Sie die Kompatibilität Ihres Designs mit Mac OS X-Browsern testen. Wenn Sie kein Geld ausgeben möchten, können Sie die Kompatibilität Ihres Designs mit Safari 3.1.2 überprüfen. Fügen Sie einfach Ihre Website-URL hinzu und Sie erhalten einen Screenshot Ihrer Website. Wenn Sie jedoch die Kompatibilität mit anderen Mac-Browsern prüfen möchten, können Sie 3 $ abonnieren.
Adobe Browserlab
Adobe Browserlab ist ein Web-Hosted Service, mit dem Designer Designs auf mehreren Browsern und Betriebssystemen testen können. In diesem System sind eine Zoomfunktion und Messwerkzeuge wie Lineale und Hilfslinien sowie die Möglichkeit enthalten, schnell zu bestimmten Bereichen eines Screenshots zu gelangen. Mit Browsersätzen können Designer zum Testen eine Kombination von Browsern anpassen, bearbeiten und speichern.
Litmusapp
Litmus zeigt Ihnen Screenshots Ihrer Websites, wie sie in allen gängigen Webbrowsern angezeigt werden. Nach Abschluss der Tests können Sie einen vollständigen Kompatibilitätsbericht zur Überprüfung durch Ihre Kunden erhalten. Lackmus hat 4 Preispläne. Sie können sich kostenlos registrieren und nur Explorer 7- und Firefox 2-Browsertests verwenden oder Gebührenpläne auswählen.
Anybrowser-Siteviewer
Mit dem Anybrowser Site Viewer können Sie HTML-Seiten wie andere Browser oder in verschiedenen Bildschirmgrößen anzeigen. Sie können von Link zu Link wechseln, um Seiten anzuzeigen, wie sie in einer Vielzahl von Browsern angezeigt werden, und überprüfen Sie, ob nur Text vorhanden ist. Mit dem Anybrowser Site Viewer können Sie auch bestimmte Seitenelemente auswählen.
Fundisom
Fundisom ist ein Mac-Screenshotgenerator, mit dem Sie Ihre Site auf einem Macintosh G5 in Safari, MacIE oder Mozilla anzeigen können. Derzeit ist der lixlpixel web development Safari Screenshot Generator vorübergehend offline, Sie können ihn jedoch später überprüfen.
Delorie Lynxview
Delorie lynxview ist ein Service, mit dem Webautoren sehen können, wie ihre Seiten aussehen, wenn sie mit Lynx, einem Textbrowser im Textmodus, angezeigt werden.
Browsera
Browsera ist als Testwerkzeug und nicht nur als Screenshot-Tool gedacht und funktioniert auf Website-Ebene statt auf Seitenebene. Browsera durchsucht die Seiten auf Ihrer Website und testet sie tatsächlich auf Layoutinkonsistenzen und Skriptfehler.
IE Tab
IE Tab ist ein Firefox-Addon, mit dem Sie Webseiten in Internet Explorer laden können, ohne ein anderes Browserfenster öffnen zu müssen. Klicken Sie einfach auf eine Schaltfläche in der Firefox-Symbolleiste, um die aktuelle Seite in einer neuen Registerkarte zu öffnen, die die Internet Explorer-Engine anstelle von Firefox verwendet.
Plugin und Tools
IETester
IETester ist ein kostenloser Webbrowser, mit dem Sie die Rendering- und Javascript-Engines von IE9, IE8, IE7, IE 6 und IE5.5 unter Windows 7, Vista und XP verwenden können. Es ist für Webentwickler hilfreich, um zu testen, ob ihre Websites in allen gängigen Internet Explorer-Versionen ordnungsgemäß funktionieren.
IECapt
IECapt ist ein kleines Befehlszeilenprogramm zum Erfassen einer Website in Internet Explorer in einer BMP-, JPEG- oder PNG-Bilddatei.
Multi-Safari
Multi-Safari ist ein kostenloses Tool zum Testen der Browserkompatibilität, mit dem Sie das Rendern Ihrer Website mit verschiedenen Versionen von Safari überprüfen können. Multi-Safari erlaubt keinen Test der Bildschirmauflösung.
Ausdruck Web SuperPreview
Expression Web SuperPreview ist ein kostenloses Tool, mit dem Benutzer ihre Websites auf verschiedenen Versionen des Internet Explorers testen können. Expression Web SuperPreview ist ein eigenständiges visuelles Debugging-Tool, das die Migration Ihrer Websites von IE6 nach IE7 oder 8 vereinfacht.
Iphoney
iPhoney bietet Ihnen eine pixelgenaue Webbrowserumgebung, die Sie beim Entwickeln von Websites für das iPhone verwenden können. Es ist die perfekte Leinwand von 320 x 480 Pixel für Ihre iPhone-Entwicklung. iPhoney ist kein iPhone-Simulator, sondern ist für Webentwickler konzipiert, die 320 mal 480 Websites für die Verwendung mit iPhone erstellen möchten.
MultipleIEs
Mit MultipleIEs können Sie Ihre Webseite in Internet Explorer 3, 4, 5 und 6 testen. Hierbei handelt es sich um alte Browser. Wenn Sie jedoch die Möglichkeit haben, dass Ihre Website für alle Browser verfügbar ist, überprüfen Sie auch die ältesten IE-Versionen mit MultipleIEs.
Multiple IE
Multiple IE ist ein ähnliches Werkzeug wie MultipleIEs. Mehrere IE ist ein kleines Paket, mit dem Sie mehrere IE-Versionen auf demselben Computer ausführen können, von IE 6.0 bis hin zu IE 3.0
SortSite Professional
Mit SortSite Professional können Website-Builder, -Eigentümer und -Berater ganze Sites auf Einhaltung von Standards und Qualitätsproblemen prüfen. SortSite überprüft jede gefundene Seite und erstellt dann einen Bericht, der alle Probleme auflistet. SortSite prüft mehr als 300 Qualitätskontrollpunkte.
Lunascape
Lunascape ist der weltweit erste und einzige Browser mit drei Maschinen. In sind die wichtigsten Browser enthalten: IE, Firefox, Chrome, Safari. Mit Lunascape können Sie die richtige Engine zum richtigen Zeitpunkt auswählen, wodurch die Probleme mit der Webbrowser-Kompatibilität, lange Ladezeiten und die falsche Anzeige von Websites drastisch reduziert werden.
Premium service
Browsercam
BrowserCam ist ein kostenpflichtiger Onlinedienst, mit dem Sie Ihre Webseiten auf verschiedenen Plattformen und Browsern anzeigen können, indem Sie die Screenshots Ihrer Wahl automatisch aufnehmen oder auf Computer remote zugreifen.
Crossbrow-Test
Mit der Site können Sie Ihre Website (oder alle anderen Websites) auf jedem Betriebssystem und Browser testen. Dies sollte Ihnen viel Zeit sparen, wenn Sie versuchen, Dinge zu erledigen. Abonnements kosten ab 19,95 US-Dollar.
Url2image
Mit der Url2image-Webserverfarm können Sie als angemeldeter Benutzer mithilfe verschiedener Browser- / Betriebssystemkombinationen Screenshots Ihres Webseitendesigns anfordern. Url2image bietet Preis für Screenshots. 2 Screenshots kosten 1 $.
SortSite
SortSite Professional prüft Seiten auf ein Array von Funktionen, die in verschiedenen Browsern nicht richtig funktionieren oder sich anders verhalten. Der Standard-Lizenzpreis beträgt 149 US-Dollar.
Multi Browser Viewer
Der Multi Browser Viewer enthält 17 vorinstallierte, virtualisierte Standalone-Browser. Neben 17 eigenständigen Browsern kann der Multi-Browser-Viewer Ihre Website in 50 Browsern unter drei Betriebssystemen (Mac, Windows und Linux) testen. Der Preis für eine Einzelbenutzerlizenz beträgt 99,95 US-Dollar.
Cloud-Test
Mit der Cross-Browser-Testfunktion von Cloud Testing können Sie sowohl das Erscheinungsbild als auch die Funktionalität Ihrer E-Commerce- und Transaktionswebsites mit den Browsern IE 6,7,8, Firefox, Apple Safari, Google Chrome und Opera überprüfen. Der Preis pro Test beträgt 0,10 £.