Superpreview: Viewing the effects of Web pages in different browsers

Source: Internet
Author: User
Tags object model php file

Superpreview is a used to observe Web pageDisplay effects in different browsers and help detect tool software that causes the exception to appear. We realize that customers have the right to choose the browsers they like – Web pageThe same is true of designers. However, the same Web pageThe rendering effect in different browsers is often not exactly the same. So, testing Web pageThe display effect in different browsers can be used to guarantee compatibility and design fidelity, which is very important.

Superpreview can display the effects of a Web page being hit in a different browser. Includes IE6, IE7, IE8 and Firefox 3. You can put the page side by side, or you can cover it, and you can use a ruler, a wizard, and a zoom bar to pinpoint the different points of the page layout. You can even overlay the page in Photoshop to verify that the page is visually close to the original image. Below you can see how the difference between Firefox 3 and IE6 's very small rendering effect affects how your Web page looks.

Now you can see your page in every browser by looking at the HTML document Object Model (DOM). When you click on any visual element in the render, they are selected in the DOM.

When you select an HTML element, the Expression web also displays a small hint. such as size, the distance to the left and the distance to the top. These differences are highlighted when these values are different from their settings. In the following example, the left distance, the top distance, and the height value are highlighted by a red font because of differences.

You may often want to preview your pages at different resolutions to ensure that your customers get the same good user experience at each screen display rate. You can choose the current browser rendering resolution, or use the browser size option to enter any resolution.

Finally, if you are developing a asp.net or PHP Web application, you want to preview an ASPX or PHP file, Superpreview will invoke a asp.net or PHP to render the page . Displays the display that this page should have in a different browser.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.