这篇是SuperPreview软件的体验篇，之前有一篇SuperPreview的感慨篇，如果您对其有兴趣可以点击这里《“IETester”微软官 方产品SuperPreview之感慨篇》
牢骚发过了，现在来看看这款软件给我们带来的革命吧！
如果您还没有下载，点击这里下载Microsoft Expression Web 3 SuperPreview（官方地址）
如果您已下载成功，那么跟我一起开始把它安装到自己的电脑里面吧！（高手绕路）
首先运行刚刚下载好的文件，运行后会出现如下步骤：
step1：License agreement 许可协议，当然是点Accept接受了
setp2: Installation 安装，点击options会出现如下图所示的更改路径界面，默认是c:\Program Files\Microsoft Expression（我习惯性吧应用程序放D盘,因此我这里显示的是d:\Program Files\Microsoft Expression），您也可以选择自己喜欢的安装路径。选择好安装路径后，点击install。
step3、安装等待……
step4、安装成功后的感谢界面，下面有个按钮View release notes查看发行声明，点击会到微软官方的说明网站，这里选择Finish按钮，完成。
这样就把Super Preview安装到电脑了，现在点击桌面的图标开始体验吧！
打开等待界面……
之所以放上这个安装步骤，其实主要原因是我很喜欢它的UI（用户界面），毕竟使用这个软件的人都是前端工程师，都是对审美有需求的，自然我也不例外，其实微软近期发布的新产品UI都全换成类似于这样的了，例如Office2010,毕竟是有影响力的企业，UI总是有我们可以借鉴的地方，比如配色，构图等等。一个好的设计师并不是天生的，而是用时间和经验还有欣赏所积累的。
接下来，就是我们的SuperPreview窗口了。
如此，您看到的便是期待的、传说的、神秘的Microsoft Expression Web 3 SuperPreview整个界面了。可能它并不像我们想像的那样完美，比如它会看起来更像是浏览器，可惜，它不是，而是更像一个类似于图形图像软件的页面调试工具，正如它的界面所传达的信息一样，它会把我们将调试的网页生成一张全览图，类似于Adobe公司的browserlab。
不过值得庆幸的是，它也并没有那么糟糕，虽然我们看到的是一张我们网页的全览图，但是它会生成我们布局中所用到的任何一个元素位置，然后通过一个类似于FireBug的选择工具来选取我们想了解的元素，并且点击它会显示这个元素的大小、左边的距离值，和顶部的距离值，这样我们就可以通过左右对比来判断在IE6和IE8下布局中元素的布局差别了。
如图所示，这是此网站在superpreview下的IE6（左）和IE8（右）的对比，我用鼠标选择了导航的首页按钮（当选择任意一边时，另一边会同时选择），然后会同事在对比窗口左下角显示这个元素的信息，其中两侧数据不同的地方，信息位置会把差异值显示成红色。
点击界面右下角的DOM（Document Object Model文档对象模型）按钮，可以在界面下方弹起一个类似于FireBug的调试窗口，并显示出在对应浏览器下所有的元素（如果使用了判断注释，例如[if IE6]那么在IE8下将不显示其中的DOM）。和选择图中的元素一样，当点击任何一边的标签时，右侧的标签便会一起选中，并显示其数值。
其它功能
在界面顶部是SuperPreview软件的功能区，从左向右依次是：
1.1、Selection Model选择器，快捷键（V）（通过它选择任何想得到的界面中元素）
1.2、Panning Model拖动，快捷键（H）（拖动界面视图到需要的位置，拖动任意一方，另一方会一起移动到相同位置）
2.1、凸显方式:Box highLighting Model圈中元素，快捷键（L）（如上图样式）
2.2、凸显方式：Light-Out highlighting Model高亮元素,快捷键（L）（下图样式）
3.1、Toggle ruler visiblity切换标尺可见性，快捷键（R）（点击打开和关闭边缘的标尺）
3.2、Toggle thumbnail visiblity切换缩略图可见性，快捷键（T）（点击会在窗口右下角显示一小条网页的全景缩略图）
3.3、Toggle guide visiblity切换指示的可见性，快捷键（Ctrl+；）（没用出效果）
4.1、Vertical Split Layout垂直分割布局，快捷键（A）（上面截图所呈现的布局样式）
4.2、Horizontal Split Layout水平分割布局，快捷键（S）（上下显示布局）
4.3、Overlay Layout覆盖布局，快捷键（D）（重合显示两个窗口中的网页）
4.4、Single Layout单一布局，快捷键（F）（显示其中一个页面，然后通过下侧的tab切换当前显示）
5.1、地址栏
5.2、路径选择按钮
5.3、刷新
6、缩放比例（可以从中选择，也可以选中更改，还可以拖动鼠标实现缩放）
7、帮助
顶部的功能栏，到这里就介绍完了，如此整个软件介绍也差不多就是这些了，不过还有一个强大的功能，那就是底部的tab。
底部tab是显示的当前正在调试的网页，类似于我们浏览器的tab，但是如果这么想那就错了，仔细看：
如图所示，最左侧是我打开的IE6窗口，右侧依次是IE8和IE7，发现右侧右下方的加好了么，点击那个的话，如果我们新建立的是IE6窗口，那么最左侧的IE6会并合到右侧的tab里和IE8、7并列显示。自然，如果在左侧新建IE7的话，那么右侧并列显示的IE6就会跑到左侧Tab了。
另外一个细节是在软件右下角有个调整分辨率的选择器，通过它可以选择不同分辨率下我们要测试网页的显示效果。
好了，那么讲到这里就是我发觉到SuperPreview这个软件全部的功能了，如果您发觉到我没有发现的更好的功能，欢迎留言指出，或提供分享。谢谢！
不足：
任何东西都不会完美，这个软件虽然带给我们很大的便利，但是它还是存在一些令人讨厌的体验。
1、网页打开速度很慢
2、如果新建tab的话，它不会独立加载显示新建tab的页面，而是让我们刷新全部打开的tab。
3、只能针对一个网站测试
4、不能时时更改，类似于FireBug的功能
5、调试Javascript就更别想咯……
因此，虽然有了SuperPreview，但是我们还是不能摆脱安装古典浏览器的命运。希望微软能再改进改进吧！
谢谢观赏！
测试楼层显示
当选中标尺状态后，可以拖出网格线，和ps一样
谢谢您的帮助，呵呵
调试Javascript就更别想咯，看来我得继续寻找Ie6的调试方法。