Webdesigns mit Adobe Browser labs testen

Wer kennt es nicht: Man baut ein Webdesign in html und will es anschließend in allen möglichen Browsern auf Kompatibilität testen. Der erste Schritt ist relativ einfach. Die Installation von Opera, Chrome und co. bewältigt man ja recht schnell, aber was ist wenn man cross-platform Kompatibilität herstellen möchte ? Oder wenn man verschiedene Internet Explorer Versionen überprüfen will?

Genau für diese Testzwecke wurden die Adobe Browser Labs gebaut. In der Webapplikation kann man die Testurl eintragen und dann wenige Sekunden später das Ergebnis anschauen. Die Funktionen gehen aber noch weit darüber hinaus. So ist es möglich Browser-Sätze zu erstellen, die dann mehrere Wunschbrowser in jeweils unterschiedlichen Versionen enthalten, um sie gegeneinander zu testen.

Vergleich von IE7 <=> Safari 3.0 OSX

Sehr interessant ist die überlagerte Ansicht. Beide Screenshots werden hier übereinander gelegt und können via eines Schiebereglers transparenter oder undurchsichtiger gemacht werden. So kann man Unterschiede zwischen den beiden Browserdarstellungen sehr schnell herausfinden.

Integration mit Dreamweaver CS5

Praktisch ist das BrowserLabs Panel in Dreamweaver. Mit einem Knopfdruck werden die Dateien auf den RemoteHost via FTP geupdated und daraufhin die Browserlabs gestartet. Praktisch!

Die Adobe Browserlabs helfen im WebDeveloper Alltag sehr und sind kostenlos unter: https://browserlab.adobe.com/de-de zu erreichen. Man braucht lediglich eine Adobe-ID für den Zugriff.