Skip to main content

SuperPreview for Internet Explorer – Test website in different versions of IE

SuperPreview is a tool from Microsoft that lets web developers test websites and debug layout issues across different web browsers, by viewing their pages in multiple browsers simultaneously.

Testing websites on different browsers is often a pain, and at times impossible. Most browsers can’t have multiple versions installed side-by-side, for one reason. The newest version replaces older versions. So, you can’t have IE6 and IE7 on the same machine. One way is to use online services like Browsershots, but these are slow.

superpreview-for-ie

SuperPreview solves this problem by letting you view your pages in a variety of different browsers. Most online browser tools show you only images of different browser renderings. SuperPreview, on the other hand, couples image renderings with DOM data, letting you highlight specific DOM elements within the image, and showing you differences across browsers. It also provides element information such as position, dimensions and ID. This helps you pinpoint the element that’s causing the compatibility issue. You can use rulers and guides to measure and highlight visual problems, zoom in and out of a page and see all the browser renderings update in tandem.

SuperPreview is still under development and when it’s complete, it will be a part of future releases of Expression Web. However, a beta version of SuperPreview for Internet Explorer is available. This free download will allow you to compare renderings of IE6 with whatever other version of IE you have installed on your machine. If you have installed IE8, you’ll be able to compare IE6, IE8 and IE8 running in IE7 compatibility mode, side-by-side. The final version is likely to include all installed browsers on the system like Firefox, Chrome, Opera etc, as shown in the screenshot.

Here are some other ways of testing websites on different versions of IE.

Labels:

Comments

Post a Comment

Popular posts from this blog

How to Record CPU and Memory Usage Over Time in Windows?

Whenever the computer is lagging or some application is taking too long to respond, we usually fire up task manager and look under the Performance tab or under Processes to check on processor utilization or the amount of free memory available. The task manager is ideal for real-time analysis of CPU and memory utilization. It even displays a short history of CPU utilization in the form of a graph. You get a small time-window, about 30 seconds or so, depending on how large the viewing area is.
17 comments
Read more

Diagram 101: Different Types of Diagrams and When To Use Them

Diagrams are a great way to visualize information and convey meaning. The problem is that there’s too many different types of diagrams, so it can be hard to know which ones you should use in any given situation. To help you out, we’ve created this diagram that lays out the 7 most common types of diagrams and when they’re best used:
Post a Comment
Read more

How to Schedule Changes to Your Facebook Page Cover Photo

Facebook’s current layout, the so called Timeline, features a prominent, large cover photo that some people are using in a lot of different creative ways. Timeline is also available for Facebook Pages that people can use to promote their website or business or event. Although you can change the cover photo as often as you like, it’s meant to be static – something which you design and leave it for at least a few weeks or months like a redesigned website. However, there are times when you may want to change the cover photo frequently and periodically to match event dates or some special promotion that you are running or plan to run. So, here is how you can do that.
1 comment
Read more