Wer kennt das nicht, beim Entwickeln einer Website, das Testen in den verschiedensten Browsern und auf den verschiedenen Betriebssystemen. Das kann zum einen Aufwendig und zum anderen etwas kompliziert werden, wenn man z.B. nur einen Apple Rechner hat oder eben nur einen PC. Dieser Artikel soll als Übersicht dienen, die verschiedenen Möglichkeiten je System aufzuzeigen und somit Recherche-Arbeit sparen. Es wird nur auf die gängisten bzw. verbreitetsten Browser eingegangen. Welche Tools verwendet Ihr? Laßt es mich bzw. alle in den Kommentaren (am besten) mit Link wissen.

Screenshots online abrufen – für alle Systeme:

netrenderer

netrenderer als Firefox Addon in os x

Der netrenderer erstellt kostenlos, schnell und einfach Screenshots der zu testenden Seite in folgenden Internet Explorer Versionen: 5.5, 6, 7, 8

Als Bonus gibt es noch eine sogenannte Mixed bzw. different Version, die IE6 und IE7 überlagert darstellt.

Das ganze ist auch als praktisches Firefox-Addon erhältlich.

Website | Firefox-Addon

Alternative 1: Browsershots mit (fast) allen Browsern & Betriebssystemen zum Test, allerdings z.T. lange Wartezeiten

EDIT: Alternative 2: Browserlab von Adobe® – momentan im beta Stadium und kostenlos, Registrierung vorausgesetzt. Browserlab verichtet seinen Job sehr gut und liefert ebenfalls Bildschirmfotos von folgenden Browsern: Firefox 2–3 (os x, XP) IE 6–7 (XP), Safari 3 (os x)

Lynx

Lynx kommt aus der Linux-Welt und ist ein Browser der uns in die Anfangszeit des internet zurückversetzt. Er kann nur Text darstellen, gibt dadurch aber Aufschluss wie z.B. Suchmaschinen die Seite sehen. Man kann mit dem Lynx Browser sein Mark-up auf die richtige Hierarchie bzw. dessen logische Reihenfolge überprüfen. Das ganz gibt es auch als praktisches Firefox Addon.

DOWNLOAD für: Mac PC Linux | Firefox Addon DOWNLOAD | Online Version

EDIT: online iPhone Tester

testiphone.com

Windows Xp / Vista / 7:

IETester

Ein Programm mit dem man (fast) alle Internet Explorer Versionen testen kann – IE 5.5–IE 8. Praktisch ist auch der Button „alle IE Versionen", damit kann man die zu testende Domain eingeben und die Seite wird in allen IE-Versionen auf einmal, in mehreren Tabs geöffnet. (siehe Screenshot)

DOWNLOAD

Alternative 1:

Multiple IEs

Multiple IEs installiert alle „alt-Versionen des Internetexplorers, was normalerweise so nicht geht bzw. nicht von Microsoft vorgesehen ist. IE 8 wird noch nicht unterstützt, dafür noch altere Versionen wie 3 und 4 … Der Entwickler sagt selber, das die Versionen 5, 5.5 und 6 machnmal abstürzen. Aber zum Testen sollte es allemal gehen …

DOWNLOAD

Alternative 2:

Internet Explorer Collection

Die Internet Explorer Collection kann alle Versionen des IE installieren, Sinn macht hier wohl eher nur die Versionen ab 6 aufwärts:

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

DOWNLOAD

IE-Tab Firefox-Addon

IE-Tab zeigt per Rechstklick auf die zu testende Seite, einen Tab mit dem jeweils installierten IE-Engine im Firefox an. Also die Version des Internet Explorers, die man installiert hat.

DOWNLOAD

Apple os x:

iPhoney

iPhoney ist ein Open Source Programm, das die Darstellung (Auflösung) und den „User-Agenten" eines iPhones simuliert. Hiermit kann man testen wie die Seite auf einem iPhone aussieht bzw. wie die iPhone Version – falls es eine gibt – auf dem iPhone dargestellt wird. Also sehr praktisch zum testen, wenn man eine eigene iPhone Version erstellen will.

DOWNLOAD

Multi-Safari

Multi-Safari läßt einen die verschiedenen Safari Versionen installieren. Die verschiedenen Versionen sollten alle auf Tiger (10.4) und Leopard 10.5) funktionieren. Zur Auswahl stehen:

Safari 3.2.1, 3.1.2 & 3.0.4 für Leopard (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 Panther (10.3)

Safari 1.0 aus dem Jaguar (10.2)

DOWNLOAD

MultiFirefox 2.0

Erlaubt verschiedene Firefox Versionen zu starten und dabei für jeden ein eigenes Profil zu behalten (Addons, Bookmarks, Einstellungen, …)

DOWNLOAD

ies4osx – Internet Explorer 5.5–7 für Mac os x (nur Intel)

Was das gibt es? Ja Darwin macht es möglich auch Windows Programm unter Os X auszuführen. Dafür benötigt man: Darwine

Und für den InternetExplorer diese angepaßten Versionen von ies4osx:

DOWNLOAD ies4osx

hier gibts noch die letzte offizielle IE 5.2 Version für Os x und 5.1.7 für Classic

DOWNLOAD IE 5 für Mac

Xylescope

Paßt nicht ganz zum Thema aber trotzdem praktisch: Xylescope ist ein kostenloser Browser für os x ab 10.4. Das besondere ist, dass man gleichzeitig die Website, das Html und CSS angezeigt bekommt – ähnlich wie bei Firebug für Firefox. Das ganze wird in Kaskaden angezeigt und ist sehr übersichtlich. Allerdings emphielt sich ein 2. Monitoe oder ein sogenannter „Wide"-Monitor. Der Browser wird übrigens von den Entwicklern von dem sehr beliebten GTD-Programm „Things" entwickelt und kostenlos angeboten.

DOWNLOAD

BONUS

Tutorial: Local auf dem Mac mit Mamp und Vmware alle Browser testen hier.

Sicherheitshinweis:

Sie sollten zum browsen im Internet nie veraltete Versionen des Internet Explorers oder eines anderen Browsers verwenden, da diese hohe Sicherheitslücken haben. Die hier vorgestellten Versionen sind nur für Testzwecke gedacht und läßt man am besten in einer virtuellen Umgebung laufen.

Zum alltäglichen Gebrauch verwendet man besser gar nicht den Internet Explorer – besser den kostenlosen Firefox.

Browser Download der neusten Versionen

neuster Opera DOWNLOAD (Mac + PC)

neuster Safari DOWNLOAD (Mac + PC)

neuster Firefox DOWNLOAD (Mac+ PC + Linux)

Google Eigener Browser „Chrome" basiert auf Webkit, wie Safari und wird deshalb nicht extra behandelt.

neuster Chrome DOWNLOAD

EDIT: Weiterführende Links:

Auf catswhocode.com werden Lösungen für die verschiedene Browser mit code-snippets bereitgestellt und weitere Test Tools vorgestellt. siehe hier

Related posts:

1. Pidgin/Adium – Multichat-Protokoll mit Facebook- und Skype-Chat Plugin inkl. 256bit Verschlüsselung für: os x, windows, linux – auch...
2. DER GOLDENE SCHNITT: Automatisch berechnen oder anzeigen lassen drei kostenlose Programme zur Berechnung / Festlegung des goldenen Schnitt...
3. 3 Must-have Safari Plugins Die Safari Plugins richten sich eher Webentwickler, allerdings adblock...

für: os x, windows, linux – auch Portable für USB-Stick

natürlich kostenlos

Pidgin (Linux, Windows) bzw. Adium (os x) ist ein Mulit-Chat-Client. Er unterstützt nahezu jedes Netzwerk der verschiedenen Online-Messenger wie: Skype, AIM (iChat), Googletalk, ICQ, Facebook, msn, studiVZ, Yahoo!, Jabber, und noch mehr. Zuerst gab es Pidgin nur für Linux, mitlerweile gibt es den Messenger für (fast) alle Systeme (unter os x heißt Pidgin = Adium). Pidgin wird unter einer Open-Source Lizenz veröffentlicht und ist kostenlos erhältlich.

Das tolle an Pidgin/Adium ist, dass beide leicht mit Plugins erweitert werden können. Die Installation der Plugins ist sehr leicht und es stehen zahlreiche zur Auswahl.

Das meiner Meinung nach interessanteste Plugin für Pidgin/Adium ist: „OTR" – Off The Record – ein hocheffizientes Chat-Verschlüssulungs Plugin. Durch die Chat-Verschlüsselung können die Chats nicht mehr ohne weiteres mitgelesen oder ausgewertet werden. Die Verschlüsselung erfolgt mit einem bis zu 256bit starken Logarithmus und wird in dieser Stärke auch vom Us-Militär verwendet (wenn sie es überhaupt notwendig sehen Ihre Sachen zu verschlüsseln ), dadurch sieht z.B. Bsp. Google oder auch ICQ oder Pro07, … nur kryptische Zeichen. Die „Lauscher" können also nix mit den Nachrichten anfangen. (Bei Adium ist OTR schon standardmäßig installiert)

Die Verschlüsselungstechnlogie dahinter heißt „OTR" – Off The Record. Vorraussetzung dafür das die Verschlüssulung funtioniert ist, dass beide Seiten „OTR" unterstützen bzw. installiert und aktiviert haben, also beide Personen müssen Pidgin oder Adium mit OTR installiert haben. Hier eine genauere Installationsbeschreibung für Windows.

Verschlüsselung ein-/ausschalten

Schlüssel Erstellung bei Adium

TIP:

Pidgin oder Adium installieren, „OTR" nachladen und wie mit Briefen, statt mit Postkarten, mit seinen Freunde chatten – und (für fast immer) umsteigen

Nachteil: Chat kann ganz schön stressig werden, wenn man auf allen Kanälen erreichbar ist …

• DOWNLOAD: Pidgin (Win/Linux),  deutsches Forum für Fragen und Plugins: http://www.pidgin-im.de/
• DOWNLOAD: Adium (os x)
• DOWNLOAD: Pidgin Portable (win)
  -

• Verschlüsselungs Plugin: „OTR" – Off The Record
• Facebook-Plugin für Pidgin (Adium hat es von Anfang an): http://code.google.com/p/pidgin-facebookchat/
• Skype Plugin: http://eion.robbmob.com (Skype wird immer mitgestartet und läuft im Hintergrund – muß also auch installiert sein)
• weitere Plugins für Adium
• weitere Plugins für Pidgin

--


--

www.meebo.com – Multichat-Messenger für Unterwegs

Browser basiert (IE, Firefox, Safari, Opera, …)

kostenlos

Unterstützt nicht ganz soviel Protokolle wie Pidgin/Adium, aber Praktisch z.B. im Internetcafé oder Urlaub, wenn man nicht am eigenen Rechner sitzt und auch keinen USB-Stick mit installiertem Portablen Messenger (natürlich Pidgin Portable) dabei hat.

Leider unterstützt meebo.com keine Verschlüsselung ;-(

http://www.meebo.com/

Related posts:

1. DER GOLDENE SCHNITT: Automatisch berechnen oder anzeigen lassen drei kostenlose Programme zur Berechnung / Festlegung des goldenen Schnitt...
2. Browser Kompatibilitäts-Check: Tools für alle Betriebssysteme Wer kennt das nicht, beim Entwickeln einer Website, das...
3. HiRes Textures: mixed colors Spraypaint-Cans Drei HiRes Texturen als kostenloser Download. Die Texturen wurden...

PHICULATOR (os x | windows | online):

Ein kleines (online) Flash-Programm bzw. Widget, welches eine beliebige Strecke im goldenen Schnitt teilt. Man gibt die Länge ein und bekommt die genaue Teilung im goldenen Schnitt.

Beschreibung des Entwickler

• Program DOWNLOAD
• ONLINE VERSION

–

goldSCHNITT (os x):

Ist ein kleines kostenloses Programm, dass eine transparente „goldene Schnitt- Spirale", die gedreht und stufenlos skaliert werden kann und so über Illustrationen, Fotos, Layouts, usw. gelegt werden kann. Über die Reiter links kann man die Spirale in verschiedene Positionen bringen. Leider nur für Mac os x 10.5 (Leopard)

Screenshot von der Hersteller-Seite

DOWNLOAD

–

EDIT:

GOLDENE SPIRALE VECTOR DOWNLOAD

für Windows Benutzer oder os x vor Leopard, gibts hier eine .svg Vector Version zum download, die man ja auch stufenlos skaliern kann – nur nicht so komfortabel.

Goldene Spirale DOWNLOAD

–

Webdesign Layout-Spalten berechnen lassen

Screenshot der Webseite, Widget-Ansicht ähnlich

… und zum Schluss gibt es ein Widget für os x (ab tiger, 10.4) und Windows (nicht geteste) für Webdesigner. Mit dem Widget kann man die Weite des Layouts in 2 Spalten teilen – natürlich auf der Berechnung des goldenen Schnitt. Das ganze gibts auch wieder als Online-Version

Widget DOWNLOAD und ONLINE-Version

--

• Hat Dir die Auswahl an Programmen gefallen?
• Hast Du weitere Empfehlungen?
• Lass es uns in den Kommentaren wissen!

Related posts:

1. Pidgin/Adium – Multichat-Protokoll mit Facebook- und Skype-Chat Plugin inkl. 256bit Verschlüsselung für: os x, windows, linux – auch...
2. Browser Kompatibilitäts-Check: Tools für alle Betriebssysteme Wer kennt das nicht, beim Entwickeln einer Website, das...
3. HiRes Textures: mixed colors Spraypaint-Cans Drei HiRes Texturen als kostenloser Download. Die Texturen wurden...