

Lights-Out Highlighting Mode highlights only the selected element and dims rest of the page.Ĭlick Toggle Ruler Visibility to turn the ruler on and off.Ĭlick Toggle Thumbnail Visibility to turn the thumbnail on and off. This mode works only along with the Selection Mode.ī. Box Highlighting Mode highlights the selected element in blue, in the Baseline browser view and highlights the element in green in the Comparison browser view.

Panning Mode can be used to drag a page into the browser view and the mouse wheel changes the magnification of the page.Ī. Selection Mode selects individual page sections for comparison.ī. There are two pointer modes that determine the way you interact with SuperPreview.Ī. Click on the green arrow to generate a preview. Launch Expression Web 4 SuperPreview, click on the ‘Browse for a file’ button from the toolbar on the top of the window and browse to the location. Alternatively choose File > Display in SuperPreview or key in the shortcut Shift + F12. Open the page in Expression Web and click on the ‘Display in SuperPreview’ icon. Pages could be previewed through Expression Web 4 or directly through SuperPreview SuperPreview 4 has an online beta service that extends the capability of SuperPreview to include support for additional browsers and OS. While SuperPreview available with Expression Web 3 did the same, what is new in Expression Web 4? You can preview ASP.NET or PHP web pages by using Microsoft Expression Development Server. SuperPreview works directly with the browsers installed on your machine, unlike the other browser comparison services where you have to publish your page and then provide the URL to these sites. You can load up any number of different browsers into it.

SuperPreview can be used to preview your pages in multiple browsers simultaneously and compare how the page appears in each of them. SuperPreview is designed to integrate with Microsoft Expression Web 4 to test your pages right from their stage of being developed. SuperPreview eases the process of debugging any layout issues across different browsers and platforms. In this article, we will take a closer look at Expression Web 4 SuperPreview. Even though it is a stand-alone application, SuperPreview is integrated with Expression Web 4 (and version 3 as well). Expression Web 4 SuperPreview is the latest version with improved compatibility with more browsers. SuperPreview was introduced as a part of Expression Studio 3.
