Expression Web SuperPreview: Das Cross-Browsercheck-Tool

Posted 29. June 2009 - 8:37 by Daniel Greitens

Jeder Web-Entwickler kennt's: Eine Webseite sieht auf jedem Browser anders aus. Mal ein klitzekleines Bisschen, mal ist die Seite auf einem Browser kaum ansehbar.

Zwei Online-Tools bietet schon etwas Abhilfe:

  • Der "netrenderer" unter http://meineipadresse.de/netrenderer generiert zuverlässig Screenshots vom Internet Explorer runter bis Version 5.5.
  • "BrowserShots" unter http://browsershots.org/ bietet eine unglaubliche Vielfalt an Einstellmöglichkeiten (4 Betriebssysteme, Insgesamt ca. 70 verschiedene Browser, Unterschiedlich Auflösungen usw.) allerdings braucht die Screenshot-Generierung im kostenlosen Paket so lange, dass es kaum produktiv nutzbar ist.

Jetzt kommt zudem Microsoft mit einem Offline-Tool um die Ecke, das genau diese Funktionen konfigurierbar auf den Desktop abdecken soll: 

Was hat es damit auf sich? Ich habe SuperPreview getestet...

Erste Schritte

  • Herunterladen von o.g. Adresse
  • Ausführen der Installation, "Next"..."Next"...."Next" ...
  • Und so so sieht SuperPreview beim ersten Start aus:

Auf der linken Seite ist der IE8 vorbelegt, durch Eingabe einer URL wird an Stelle des großen e-Logos die Seite gerendert. Auf der rechten Seite lässt sich nun ein weiterer Browser auswählen, und die beiden direkt nebeneinander vergleichen. Zur Verfügung stehen IEs ab Version 6. Letztere angeblich übrigens tatsächlich ohne Simulation, sondern an Hand einer wirklich integrierten IE6-Engine.

Die verschiedenen Screens können übereinander gelegt werden, so dass Unterschiede leicht ausgemacht werden können:

Einzigartig unter den Renderern: DOM-Highlighting wie es aus der Entwicklertoolbar bekannt ist. Es sind also keine statischen Bilder, sondern live gerendertes HTML.

Damit war es das aber auch schon in dieser Preview-Version. Es können keine weiteren Browser hinzugefügt werden, oder die Bildschirmauflösung von 1024x768 verändert werden.

Ausblicke

Das soll sich angeblich in der finalen Version ändern. Dann soll es so aussehen:

Vielfältige Browser, sogar per Remote ansprechbar, konfigurierbare Bildschirmauflösung.

Weitere Ankündigungen: SuperPreview soll kostenlos als Standalone-Produkt und als Bestandteil von Expression Web 3.

Fazit

Wenn alles so kommt wie angekündigt, wird SuperPreview ein Pflicht-Tool für jeden Webentwickler. Es ist dann in dieser Form einfach konkurrenzlos.

Noch ist davon nicht viel zu sehen. Ein Browsercheck nur mit dem IE in fester Bildschirmauflösung ist einfach zu dünn. Aber dafür ist es ja auch noch Preview :-)