Wie kann ich sehen, wie meine Website in verschiedenen Browsern aussieht?

46

Wie kann ich sehen, wie meine Website in verschiedenen Browsern aussieht?

Gibt es ein Tool oder einen Dienst, das / der eine Vorschau bereitstellen kann, obwohl nicht alle verschiedenen Browserversionen installiert sind?

Chris W. Rea
quelle

Antworten:

32

BrowsersShots und BrowserLabs ist , was ich von aus der Spitze von meinem Kopf denken kann. Ich glaube, ich habe noch etwas anderes benutzt, kann mich aber noch nicht an den Namen erinnern.

Bearbeiten: Leider hat Adobe sein BrowserLab- Projekt bereits am 13. März 2013 beendet.

Rebecca Chernoff
quelle
1
Stellen Sie einfach mit BrowserShots sicher, dass Sie alles abwählen, und wählen Sie dann nur die wenigen aus, die Sie möchten (wie z. B. IE6). Wer zum Teufel benutzt "Dillo" ?!
DisgruntledGoat
10

LitmusApp ist ein neuer Spieler auf dem Gebiet. Ihr aktueller Hauptnutzen ist das Testen von E-Mail-Clients (33 Clients, einschließlich mobiler), aber sie führen auch Browsertests "in der Cloud" mit bis zu 24 Browsern durch. In der Tat war das Testen von Browsern das erste Produkt, und es ist weiterhin unabhängig über das Alkaline- Tool verfügbar .

Ich benutze Alkaline routinemäßig. Es ist ganz nett.

Das Beste daran ist: Sie müssen nicht auf eigene oder installieren Sie eine beliebige der Browser Sie testen möchten. Sie kümmern sich um all das und geben Ihnen Screenshots des Browsers, der isoliert auf einem echten System ausgeführt wird. Da ich selbst ein schrecklicher Systemadministrator bin, ist dies ideal.

Andres Jaan Tack
quelle
ja, sie sind Freunde von uns - sie führen auch doctype.com aus, das in der Fußzeile steht (obwohl es wahrscheinlich bald eine Beule gibt)
Jeff Atwood
6

Das ist ganz gut: http://browsershots.org/

Sehen Sie, wie es in einer Reihe von Browsern und Auflösungen aussieht. Muss allerdings im Web sein.

Damien
quelle
6

Ich würde empfehlen, den IE in IETester zu testen , der hier verfügbar ist . Es ist leicht, schnell, genau und unterstützt alle IEs ab 5.5.

Nat Ryall
quelle
1
IETester gibt eine gute Referenz darüber, wie Ihre Site in den IE-Browsern aussieht. Es gab jedoch Fälle, in denen sich das Rendern von IE6 von der tatsächlichen IE6-Rendering-Engine unterschied.
Rickjaah
5

Wenn Sie die Browser lokal haben, erhalten Sie mehr Flexibilität. Wenn Sie eine interaktive Website haben, auf der Sie zum Testen auf mehrere Schaltflächen klicken müssen, können Sie dies nicht mit einem Bild überprüfen.

Aaron
quelle
5

MS hat (als Teil des Expression-Toolkits) auch ein Produkt namens SuperPreview, mit dem Sie in allen Versionen von IE und der neuesten Version von Firefox entweder nebeneinander oder überlagert mit einer interaktiven Version Ihrer Website arbeiten können.

Sie können auch auf einen Webdienst zugreifen, der Ihnen zeigt, wie Ihre Website in Safari auf einem Mac aussieht. Dadurch wird ein Abbild der Ausgabe erstellt, es wird jedoch auch eine Metadatendatei verwendet, mit der Sie sehen können, welche Teile des Markups welche Teile generiert haben des Bildes, so ist es immer noch ziemlich mächtig.

Zhaph - Ben Duguid
quelle
4

Dies ist einer der Hauptgründe für die Entwicklung auf einem Apple-Computer. Mit VMWare Fusion oder einer anderen Emulationssoftware können Sie als einziger Computer alle wichtigen Betriebssysteme legal installieren.

Dann können Sie die aktuellen Browser in den aktuellen Betriebssystemen testen, ohne auf externe Quellen angewiesen zu sein, um Ihre Dirty Work für Sie zu erledigen. Dort können Sie die nativen Debugging-Tools verwenden, um Fehler zu beheben / zu diagnostizieren.

Dan Gayle
quelle
Warum Apple? Sie können virtualbox.org auch unter Linux oder Windows verwenden ...
mbrochh
1
Warum Apple? Weil Sie OSX nicht unter Linux oder Windows installieren können, ohne die Nutzungsbedingungen zu verletzen.
Dan Gayle
1
Das kommt mir ein bisschen albern vor. Sie sagen, einer der Hauptgründe für die Entwicklung auf einem Apple ist, dass Sie OSX nicht auf anderen Computern verwenden dürfen.
Wenn ich legitimerweise einen Hackintosh betreiben könnte, würde ich wahrscheinlich Hardwareprobleme beiseite lassen. Aber auch hier ist es nur eine Überlegung.
Dan Gayle
4

Die Verwendung einer Vorschau für das allgemeine Design ist gut, aber vergessen Sie nicht, auch das Verhalten Ihrer Website zu testen. Dies ist besonders nützlich, wenn Sie viele Hover-, Ajax- oder Java-Skript-Effekte verwenden, die Sie auf einem Bild nicht sehen können.

Ich verwende VmWare mit verschiedenen virtuellen Maschinen, wobei die wichtigsten Browser separat installiert sind.

Wenn Sie Windows 7 Ultimate verwenden, kann ich Sie auf ein Tutorial mit Virtual PC und XP-Modus verweisen , das eine Lösung zum Ausführen verschiedener IE-Versionen auf einem Host darstellt .

Sven
quelle
4

Möglicherweise möchten Sie den Thread in StackOverflow mit dem Namen: Testen einer Website in mobilen Browsern auschecken .

Casebash
quelle
1
Ich finde es in Ordnung, dass das Thema hier dupliziert wird, da es für Webmaster von besonderem Interesse ist.
Jeff Atwood
1
@ Jeff: Deshalb habe ich eine Antwort verwendet, anstatt sie als Duplikat zu markieren
Casebash
3

MogoTest ist ein sehr neues TechStars-Startup, das dies gut macht. Es bietet Screenshots von verschiedenen Browsern und Betriebssystemen und validiert auch Ihr HTML und CSS.

Jay Neely
quelle