Easy IE Debugging For Websites: Expression Web SuperPreview

21 Sep

Easy IE Debugging For Websites: Expression Web SuperPreview

Expression Web SuperPreview is a visual application for debugging a website in multiple IE versions easily.

It can display a website in IE6, IE7 or IE8 side by side or as an onion-skin overlay and use rulers, guides and zoom/pan tools to precisely identify differences in layout.

Besides debugging how it is rendered in means of the look, the application also identifies the element’s:

tag
size and position
applied styles
location in the DOM (Document Object Model) treeso you can quickly fix the errors

P.S. It requires Microsoft .NET Framework 3.5 Service Pack 1 to run.

Requirements: Microsoft .NET Framework 3.5 Service Pack 1
Website: http://www.microsoft.com/downloads/details.aspx?disp...

Tags: Internet Explorer
Filed under: Extras, Other License, Tools
13 Comments

13 Responses for "Easy IE Debugging For Websites: Expression Web SuperPreview"

Luke September 21st, 2009 at 2:55 am
WOW … MS finally did something useful … maybe bye bye IETester? I will definitely give it a try!

daniel September 21st, 2009 at 8:19 am
if only there’s something like that for the mac.

poppa September 21st, 2009 at 8:22 am
That’s awesome! Thank you for sharing!

Trimper September 21st, 2009 at 9:03 am
Very cool in concept – excellent to have a side-by-side preview. It kinda falls short after that. You cannot even see how a mouse over event works between browsers, so I challenge the term ‘preview’. It is more of a screen scrape rather than anything else.

Microsoft – let’s see how you do with version 4…

dave vogler September 21st, 2009 at 9:53 am
looks awesome! anyone willing to share their experience with it?

Kynatro September 21st, 2009 at 10:20 am
The only weak thing about this is that you can’t actually interact with the pages. So, rule out testing pages within an authenticated layer and testing JavaScript responses. This could have good application for straight HTML/CSS prototyping, but VMs and/or IETester are still the best solutions.

Tonamel September 21st, 2009 at 1:41 pm
It’s worth mentioning that you can only preview IE7 OR IE8, depending on which one you have installed. If you have IE8 installed, you can’t view IE7, you can only view IE8’s quirks mode.

Ryan Hamilton September 21st, 2009 at 5:48 pm
Ehh, I guess it’s better than nothing, as IE Tester is really a pain to get working on Windows 7.

Thanks for the post!

Kino September 21st, 2009 at 7:07 pm
Its definitely an interesting program. I have been using Dreamweaver for quite awhile and have been reluctant to try anything new. Has anyone used the product and have had good experiences with it.

Expression Web definitely sounds like an improvement over Frontpage.

Jack September 21st, 2009 at 10:33 pm
Expression SuperPreview is quite powerful, and here is another introduction, http://jack-fx.com/csharp/post/expression-web-superpreview.htm

Adriaan Fenwick September 22nd, 2009 at 7:58 am
This has to be the best thing ever, well done Microsoft. Often we have to struggle with Multiple IEs and test test test. This makes life so much easier and effective as quicker testing means better quality.

t3n-Linktipps: Website-Features auslagern, IE-Debugging, Courier, Google Chrome Frame, Cloud-Computing-Leitfaden und HTML5 » t3n News September 23rd, 2009 at 9:30 am
[...] dem Windows-Tool Expression Web SuperPreview lassen sich die Webseitendarstellungen von IE6, IE7 und IE8 parallel betrachten und auf Fehlern [...]