Freizeitler Web [x.0] Blog: unkonventionell, unkommerziell, unabhängig…

In den letzten Tagen machte Microsoft mit einigen bemerkenswerten Aktionen auf sich aufmerksam. Und jetzt – nach all den Jahren – veröffentlichen die Redmonder ein Tool, das beim debugging von Internetseiten auf allen relevanten IE-Browsern helfen soll. Das habe ich mir mal genauer angesehen…

Browser for the better nennt Microsoft sein neues Programm zur Abschaffung von IE-Altlasten und spendiert hilfsbedürftigen Amerikanern über die Organisation “Feeding America” 8 Mahlzeiten pro Download des IE8. Das klingt wie ein Märchen? Keineswegs!
Und weiter geht’s: Der redmonder Softwarekonzern beglückte uns mit einem Tool, das komplett eigenständig läuft, den IE6, IE7 und IE8 (je nachdem welcher Browser auf dem System installiert ist) simuliert, mit einer Menge toller Werkzeuge und Einstellungen aufwarten kann und – das ist das Beste – kostenlos ist.

Screenshot 1: SuperPreview Benutzeroberfläche

Ein kurzer Überblick

Mit 18,3 MB ist das Installer-Paket nicht gerade klein und typischer Weise hat man bei der Installation keinen Einfluss auf den Speicherort. So kennt man Microsoft.
Das Tool selber erscheint nach dem Öffnen sehr übersichtlich und ist sehr intuitiv gestaltet. Man kann wählen welcher Browser in welchem Fenster dargestellt werden soll. In eine Adresszeile gibt man die URL ein und los geht’s.

Über einen Splitscreen vergleicht man beide Browserdarstellungen. Die Anordnung kann dabei horizontal oder vertikal sein. Eine Einzelansicht ist ebenfalls auswählbar.

Im Header befindet sich eine Werkzeugleiste mit folgenden Möglichkeiten:

• Auswahlwerkzeug zum Untersuchen der Internetseite
• Hand zum ziehen des Fensterausschnitts
• Box Highlighting Mode und Lights-Out Highlighting Mode zum hervorheben von Elementen
• Lineale ein-/ausschalten
• Thumbnail zum verfolgen der Position ein-/ausschalten
• Hilfslinien ein-/ausblenden
• Vertikale/Horizontale Darstellung, einzelnes Fenster und Überlagerung (Folienprinzip) zum 1:1-Vergleich

Doch es kommt noch besser: Über eine Dom-Ansicht kann man den Document Object Model Baum untersuchen und ihn – ähnlich dem Firebug auf dem Firefox – komplett aufschlüsseln. Dabei laufen die Sprungmarken beim Splitscreen immer parallel, um auch hier einen Direktvergleich zu ermöglichen. Hilfreich!

Screenshot 2: Der Dom-Baum

Fazit

Besser spät als nie (wie dieser Artikel)! Microsoft veröffentlicht mit dem Expression Web SuperPreview ein längst überfälliges Tool. Die Übersichtlichkeit, die schnelle und intuitive Handhabung und die gut gewählte Austattung machen es zu einer echten Bereicherung für jeden Developer. Man ist in der Lage, schnell und einfach Bugs und Fehlerursachen (speziell im IE6) zu ermitteln. Es kann den IETester in der Ausstattung toppen und erspart in Zukunft vielleicht den Emulator bzw. die Virtual Machine. Echt empfehlenswert!