Super Preview is to simplify the process of testing and debugging layout issues across different web browsers and platforms. We can view the WebPages in multiple browsers simultaneously or view how a page renders in a browser and compare it to a comp or mock-up image of a page.

The screenshot of Expression web super preview is shown below :-

DOM Tree View:

Super Preview renderings with DOM data, letting you highlight specific DOM elements within the image, and show differences across browsers. It also provides element information such as position, dimensions and ID. This helps to pinpoint the element that’s causing the compatibility issue.

Screen Resolution :

Super preview allows us to view the webpage in different screen resolutions. Screenshot shown below :-

Open Image :

Many designers use Image mockups, in particular Photoshop (PSD) files to start off their design process, so in Super Preview this has been catered for with Open Image which you can choose from in the Comparison Panel. Just select the Open Image Icon and browse to your mockup. It will support all the usual image formats such as .bmp, .jpg, .gif, .png and as I said .psd.

Posted by Kumar