Startseite » Codierung » Vollständige Anleitung zur Cross-Browser-Kompatibilitätsprüfung

    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 £.