Browser Kompatibilitäts-Check: Tools für alle Betriebssysteme

Wer kennt das nicht, beim Ent­wi­ckeln einer Web­site, das Tes­ten in den ver­schie­dens­ten Brow­sern und auf den ver­schie­de­nen Betriebs­sys­te­men. Das kann zum einen Auf­wen­dig und zum ande­ren etwas kom­pli­ziert wer­den, wenn man z.B. nur einen Apple Rech­ner hat oder eben nur einen PC. Die­ser Arti­kel soll als Über­sicht die­nen, die ver­schie­de­nen Mög­lich­kei­ten je Sys­tem auf­zu­zei­gen und somit Recherche-Arbeit spa­ren. Es wird nur auf die gän­gis­ten bzw. ver­brei­tets­ten Brow­ser ein­ge­gan­gen. Wel­che Tools ver­wen­det Ihr? Laßt es mich bzw. alle in den Kom­men­ta­ren (am bes­ten) mit Link wissen.

Screen­shots online abru­fen – für alle Sys­teme:

netren­de­rer

Der netren­de­rer erstellt kos­ten­los, schnell und ein­fach Screen­shots der zu tes­ten­den Seite in fol­gen­den Inter­net Explo­rer Ver­sio­nen: 5.5, 6, 7, 8

Als Bonus gibt es noch eine soge­nannte Mixed bzw. dif­fe­rent Ver­sion, die IE6 und IE7 über­la­gert darstellt.

Das ganze ist auch als prak­ti­sches Firefox-Addon erhältlich.

Web­site | Firefox-Addon

Alter­na­tive 1: Brow­ser­shots mit (fast) allen Brow­sern & Betriebs­sys­te­men zum Test, aller­dings z.T. lange Wartezeiten

EDIT: Alter­na­tive 2: Brow­ser­lab von Adobe® – momen­tan im beta Sta­dium und kos­ten­los, Regis­trie­rung vor­aus­ge­setzt. Brow­ser­lab verich­tet sei­nen Job sehr gut und lie­fert eben­falls Bild­schirm­fo­tos von fol­gen­den Brow­sern: Fire­fox 2–3 (os x, XP) IE 6–7 (XP), Safari 3 (os x)

Lynx

Lynx kommt aus der Linux-Welt und ist ein Brow­ser der uns in die Anfangs­zeit des inter­net zurück­ver­setzt. Er kann nur Text dar­stel­len, gibt dadurch aber Auf­schluss wie z.B. Such­ma­schi­nen die Seite sehen. Man kann mit dem Lynx Brow­ser sein Mark-up auf die rich­tige Hier­ar­chie bzw. des­sen logi­sche Rei­hen­folge über­prü­fen. Das ganz gibt es auch als prak­ti­sches Fire­fox Addon.

DOWNLOAD für: Mac PC Linux | Fire­fox Addon DOWNLOAD | Online Ver­sion

EDIT: online iPhone Tester

testiphone.com

Win­dows Xp / Vista / 7:

IETes­ter

Ein Pro­gramm mit dem man (fast) alle Inter­net Explo­rer Ver­sio­nen tes­ten kann – IE 5.5–IE 8. Prak­tisch ist auch der But­ton „alle IE Ver­sio­nen", damit kann man die zu tes­tende Domain ein­ge­ben und die Seite wird in allen IE-Versionen auf ein­mal, in meh­re­ren Tabs geöff­net. (siehe Screenshot)

DOWNLOAD

Alter­na­tive 1:

Mul­ti­ple IEs

Mul­ti­ple IEs instal­liert alle „alt-Versionen des Inter­net­ex­plo­rers, was nor­ma­ler­weise so nicht geht bzw. nicht von Micro­soft vor­ge­se­hen ist. IE 8 wird noch nicht unter­stützt, dafür noch altere Ver­sio­nen wie 3 und 4 … Der Ent­wick­ler sagt sel­ber, das die Ver­sio­nen 5, 5.5 und 6 machnmal abstür­zen. Aber zum Tes­ten sollte es alle­mal gehen …

DOWNLOAD

Alter­na­tive 2:

Inter­net Explo­rer Collection

Die Inter­net Explo­rer Collec­tion kann alle Ver­sio­nen des IE instal­lie­ren, Sinn macht hier wohl eher nur die Ver­sio­nen ab 6 aufwärts:

• Inter­net Explo­rer 1.0 (4.40.308)
• Inter­net Explo­rer 1.5 (0.1.0.10)
• Inter­net Explo­rer 2.01 (2.01.046)
• Inter­net Explo­rer 3.0 (3.0.1152)
• Inter­net Explo­rer 3.01 (3.01.2723)
• Inter­net Explo­rer 3.03 (3.03.2925)
• Inter­net Explo­rer 4.01 (4.72.3110.0)
• Inter­net Explo­rer 5.01 (5.00.3314.2100)
• Inter­net Explo­rer 5.5 (5.51.4807.2300)
• Inter­net Explo­rer 6.0 (6.00.2800.1106)
• Inter­net Explo­rer 6.0 (6.00.2900.2180)
• Inter­net Explo­rer 7.0 (7.00.5730.13)
• Inter­net Explo­rer 8.0 (8.00.6001.18702)

DOWNLOAD

IE-Tab Firefox-Addon

IE-Tab zeigt per Rechst­klick auf die zu tes­tende Seite, einen Tab mit dem jeweils instal­lier­ten IE-Engine im Fire­fox an. Also die Ver­sion des Inter­net Explo­rers, die man instal­liert hat.

DOWNLOAD

Apple os x:

iPho­ney

iPho­ney ist ein Open Source Pro­gramm, das die Dar­stel­lung (Auf­lö­sung) und den „User-Agenten" eines iPho­nes simu­liert. Hier­mit kann man tes­ten wie die Seite auf einem iPhone aus­sieht bzw. wie die iPhone Ver­sion – falls es eine gibt – auf dem iPhone dar­ge­stellt wird. Also sehr prak­tisch zum tes­ten, wenn man eine eigene iPhone Ver­sion erstel­len will.

DOWNLOAD

Multi-Safari

Multi-Safari läßt einen die ver­schie­de­nen Safari Ver­sio­nen instal­lie­ren. Die ver­schie­de­nen Ver­sio­nen soll­ten alle auf Tiger (10.4) und Leo­pard 10.5) funk­tio­nie­ren. Zur Aus­wahl stehen:

Safari 3.2.1, 3.1.2 & 3.0.4 für Leo­pard (10.5)

Safari 2.0–2.4 von Tiger (10.4), sowie Safari 3.0.4 des Tigers (10.4)

Safari 1.2–1.3.2 des Pan­ther (10.3)

Safari 1.0 aus dem Jaguar (10.2)

DOWNLOAD

Mul­ti­Fi­re­fox 2.0

Erlaubt ver­schie­dene Fire­fox Ver­sio­nen zu star­ten und dabei für jeden ein eige­nes Pro­fil zu behal­ten (Addons, Book­marks, Einstellungen, …)

DOWNLOAD

ies4osx – Inter­net Explo­rer 5.5–7 für Mac os x (nur Intel)

Was das gibt es? Ja Dar­win macht es mög­lich auch Win­dows Pro­gramm unter Os X aus­zu­füh­ren. Dafür benö­tigt man: Dar­wine

Und für den Inter­net­Ex­plo­rer diese ange­paß­ten Ver­sio­nen von ies4osx:

DOWNLOAD ies4osx

hier gibts noch die letzte offi­zi­elle IE 5.2 Ver­sion für Os x und 5.1.7 für Classic

DOWNLOAD IE 5 für Mac

Xyle­scope

Paßt nicht ganz zum Thema aber trotz­dem prak­tisch: Xyle­scope ist ein kos­ten­lo­ser Brow­ser für os x ab 10.4. Das beson­dere ist, dass man gleich­zei­tig die Web­site, das Html und CSS ange­zeigt bekommt – ähnlich wie bei Fire­bug für Fire­fox. Das ganze wird in Kas­ka­den ange­zeigt und ist sehr über­sicht­lich. Aller­dings emphielt sich ein 2. Moni­toe oder ein soge­nann­ter „Wide"-Monitor. Der Brow­ser wird übri­gens von den Ent­wick­lern von dem sehr belieb­ten GTD-Programm „Things" ent­wi­ckelt und kos­ten­los angeboten.

DOWNLOAD

BONUS

Tuto­rial: Local auf dem Mac mit Mamp und Vmware alle Brow­ser tes­ten hier.

Sicher­heits­hin­weis:

Sie soll­ten zum brow­sen im Inter­net nie ver­al­tete Ver­sio­nen des Inter­net Explo­rers oder eines ande­ren Brow­sers ver­wen­den, da diese hohe Sicher­heits­lü­cken haben. Die hier vor­ge­stell­ten Ver­sio­nen sind nur für Test­zwe­cke gedacht und läßt man am bes­ten in einer vir­tu­el­len Umge­bung laufen.

Zum all­täg­li­chen Gebrauch ver­wen­det man bes­ser gar nicht den Inter­net Explo­rer – bes­ser den kos­ten­lo­sen Firefox.

Brow­ser Down­load der neus­ten Versionen

neus­ter Opera DOWNLOAD (Mac + PC)

neus­ter Safari DOWNLOAD (Mac + PC)

neus­ter Fire­fox DOWNLOAD (Mac+ PC + Linux)

Google Eige­ner Brow­ser „Chrome" basiert auf Web­kit, wie Safari und wird des­halb nicht extra behandelt.

neus­ter Chrome DOWNLOAD

EDIT: Wei­ter­füh­rende Links:

Auf catswhocode.com wer­den Lösun­gen für die ver­schie­dene Brow­ser mit code-snippets bereit­ge­stellt und wei­tere Test Tools vor­ge­stellt. siehe hier

Rela­ted posts:

1. Pidgin/Adium – Multichat-Protokoll mit Face­book– und Skype-Chat Plugin
2. DER GOLDENE SCHNITT: Auto­ma­tisch berech­nen oder anzei­gen lassen
3. 3 Must-have Safari Plugins
4. Inde­sign Hand­buch – gra­tis eBook Download
5. Gruenderlexikon.de – auf alle Fra­gen eine Antwort?

Comments are closed.

Comments are closed.