How many times have you had to debug your web pages on virtual or multiple machines running different versions of Internet Explorer? Or had to wait for a slow web service to return renderings of your pages?
You don't have to do that anymore. Now you can debug your pages on multiple versions of IE on the same machine that you use for Web development.
Expression Web SuperPreview for Windows Internet Explorer is a stand-alone visual debugging tool that makes it faster and easier to migrate your sites from IE6 to IE7 or IE8. With SuperPreview, you can ensure that your Web sites work correctly in IE8 while also maintaining compatibility with earlier versions of IE.
SuperPreview shows your web pages rendered in IE6 and either IE7 or IE8, depending on which version you have installed on your machine. You can view the pages side by side or as an onion-skin overlay and use rulers, guides and zoom/pan tools to precisely identify differences in layout. You can even compare your page comp to how the targeted browsers render the page.
To help you quickly identify problem elements, DOM highlighting shows absolute positions of the rendered elements and HTML elements display CSS properties.
You can also display PHP and ASPX pages in SuperPreview.
You can download SuperPreview here.
Hi, I'm a Program Manager for SuperPreview and wanted to blog a bit about how the technology of SuperPreview works. My goal is to help our users better understand the capabilities of SuperPreview and some of its limitations.
SuperPreview relies on the locally installed browser rendering engines to take a snapshot in time of how the page is rendered. In taking this snapshot we do a few things to provide the most complete picture possible.
To do comparisons, SuperPreview for Internet Explorer uses your locally installed browser versions. It also includes a copy of Internet Explorer 6, allowing users to escape the neccessity of a virtual machine for testing IE 6. Depending on which version of IE you have installed different browser versions will appear available in SuperPreview.
We are currently aware of problems with IE 6 not showing up on Win 7 and are actively investigating. For other known issues please review the Release Notes (readme.en.htm in your install directory.)
Download SuperPreview for Internet Explorer
Hopefully this post will help you better understand what SuperPreview does and how you can incorporate it into your workflow to more easily design cross-browser compatible sites.
My name is Justin Harrison and I worked with Alex Moskwa to get SuperPreview for Internet Explorer ready for this release. You can find me on Twitter as @JustinHar.
Today we announced public availability of SuperPreview for Internet Explorer. Since this morning a number of frequently asked questions and issues have emerged and now seems like a good time to address them!
1. I only see Internet Explorer 8 in SuperPreview - I thought SuperPreview includes Internet Explorer 6.
Internet Explorer 6 is not available on Windows 7. This is a known issue that will be addressed in later releases.
2. How do I get Firefox and Safari to show up in SuperPreview?
Expression Web SuperPreview for Internet Explorer only supports Internet Explorer. Expression Web 3 includes SuperPreview with support for Firefox and Internet Explorer. Safari for the Mac will be supported with our cloud service to be made available sometime after Expression Web 3 is released.
3. Is there any more information available about the SuperPreview cloud service?
The cloud service will be made available sometime after Expression Web 3 is released. The cloud service will support Safari for the Mac. At this time we have not announced our plans for other browsers and platforms on the cloud service.
4. Are there any plans to support other browsers such as Opera, Chrome, or Safari for Windows?
At this time we have not announced our plans for supporting for browsers other than Firefox, Safari for the Mac (with our cloud service), and Internet Explorer.
5. The error message "Insufficient memory to continue execution of the program." displays while analyzing a page.
This is a known issue. See the Expression Web Forum for a workaround.
6. SuperPreview for Internet Explorer crashes when I start it.
This is a known issue that has to do with running SuperPreview in VMware Fusion. See the Expression Web Forum for a workaround.
7. I am encountering a bug or have feedback about SuperPreview.
Click on the bug icon in SuperPreview and follow the on screen instructions to submit a feedback report.
There are a number of documented, known issues in this beta release of Expression Web SuperPreview for Internet Explorer. Known issues are problems that we plan to address in later releases.
For the complete list, click here.
The Expression Web team takes customer feedback very seriously. If you have any suggestions for SuperPreview or if you are encountering any issues, please use the feedback button in SuperPreview.
When you use the Preview in Browser feature in Expression Web for an ASP.NET or PHP page, Expression Web runs the Microsoft Expression Development server to preview your content in an environment that emulates a real-world web server.
Microsoft released a signature update to Windows Defender and Microsoft Forefront Security on March 9, 2009 that modifies your system’s hosts file to address a vulnerability. One of the side effects of this update is that an entry for localhost may have been removed from your system hosts file.
This means that, when you preview your application using the ASP.NET Development Server, your browser will simply show a “Page cannot be displayed” (or equivalent) message.
To fix this problem, open C:\Windows\System32\drivers\etc\hosts in Notepad, and add the following entry:
For example, here is what a system host’s file looks like (note, if you are not running Windows 7, the below lines may not be commented out):
A subsequent signature update to both Windows Defender and and Forefront Client Security, released on the same day as the earlier update, should not cause this problem.
The original source for this information comes from the Visual Web Developer Team’s blog post on this topic.
This is Paul Laberge, Web Platform Advisor for Microsoft Canada.
Microsoft Canada has a great offer for any Canadian web solution provider that isn’t already a Registered Microsoft Partner.
For a limited time, we are offering a free copy of Expression Web 2, our premier web design tool for building compelling web sites.
All you need to do is go to this site, register as Microsoft Partner on the site (which is completely free) and enter your Partner ID to get your free copy of Expression Web 2.
There are many other benefits with this offer as well. We are offering access to free training on Microsoft web platform technologies, great hosting offers and other benefits as well.
In addition to all that, by registering as a Microsoft Partner, you get other offers for training, deeply discounted software to help you start your business as well as support from Microsoft to help you grow your business.
If you haven’t registered as a Microsoft Partner yet, this may be a great time to do it!
If you’ll be at MIX 2009 this week, be on the lookout for the following folks from the Expression Web team:
Steven Guttman (Product Unit Manager):
Tyler Simpson (Development Manager):
Erik Saltwell (Group Program Manager):
and Steven Schermerhorn (Software Developer Engineer):
Erik is doing a demo of Expression Web 3 as part of Wednesday’s Keynote from 9 – 11am. Steve Guttman and Tyler are presenting the following session:
Microsoft Expression Web: No Platform Left Behind MIX09-C03F
Thursday March 19 |2:30 PM-3:45 PM | Delfino 4105
By: Steve Guttman, Tyler Simpson Tags: Expression
Come learn how to use Expression Web to build resilient standards-based sites for use across a wide range of browsers and platforms. Hear about the current version of Expression Web and also some sneak peeks at future work that will make creating great sites even easier for designers. With a focus on workflow, you will also see how well Expression Web integrates with ASP.NET and PHP.
The Expression Web team is seeking individuals with web design experience for a usability study focusing on Expression Web SuperPreview.
In particular, we are looking for individuals with experience designing web pages (writing and diagnosing markup, CSS) for compatibility in multiple browsers.
The usability studies will be conducted between March 26 and April 3.
If you or somebody that you know meet the participation criteria and would like to participate, please contact email@example.com.
Program Manager – Expression Web
Steve Guttman, Product Unit Manager for Expression Web, contributed the following article on SuperPreview to the Expression Community website: