Bolo的博客 » Microsoft http://blog.imbolo.com 一个设计爱好者杂七杂八的博客 Wed, 23 Nov 2011 16:19:45 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 IE测试工具：Web 3 SuperPreview http://blog.imbolo.com/ie-test-tool-microsoft-expression-web-3-superpreview/ http://blog.imbolo.com/ie-test-tool-microsoft-expression-web-3-superpreview/#comments Thu, 25 Feb 2010 05:31:55 +0000 bolo http://blog.imbolo.com/?p=1702 Microsoft Expression Web 3 SuperPreview是微软公司为WEB开发人员推出的一个用来测试网站效果的软件，免费版可以用来测试IE6+的页面效果，并且可试用60天。这对一般的网页设计人员来说已经足够了。特别在升级到Win7以后，老牌测试工具IETester经常报错，令人非常郁闷。微软自家的Web 3 SuperPreview就不会犯这种低级错误了，而且它的功能比IETester强大多了。我以我的日记博客（http://shouy.in）为测试对象演示一下几个好用的功能。

精确的元素尺寸和坐标

Microsoft Expression Web 3 SuperPreview - 精确的元素尺寸和坐标

和一般测试工具不同，Web 3 SuperPreview会把整个页面按HTML标记分成一块一块的，点击以后会显示该元素的大小和在屏幕上的坐标。一像素的误差都可以通过数字直接比较出来，这个精度是目测难以达到的。从这张图片可以看出，文章标题的高度有3px的误差，看来我要修改一下文章标题的样式了。

标尺功能

Microsoft Expression Web 3 SuperPreview - 标尺功能

在同一个页面里比较box之间的相对位置，Bolo的常用方法是随便打开一个新窗口，用这个新窗口去量。可是这个土办法的缺点是非常明显的，想精确地比较出差别也比较难，Web 3 SuperPreview带有非常好用的标尺功能，而且可以实现跨浏览器的直接对比。

覆盖视图

Web 3 SuperPreview - OverlayLayout

有时一个个元素地进行比较是非常麻烦的，浪费的时间也多，Web 3 SuperPreview有个OverlayLayout（覆盖布局）的功能，一下子就可以比较出整个页面的差别。

强大的扩展性

以上只是Web 3 SuperPreview免费版的基本功能，更多的功能还需要大家去挖掘。另外也可以购买正式版，获得更多令人垂涎的功能，如：

  • 支持更多浏览器，如Safari等
  • 支持ASP.net，PHP程序的调试
  • 支持脚本的调试&more

更多请浏览Microsoft Expression Web 3 SuperPreview官方网站，下载页面。

Related Posts

]]> http://blog.imbolo.com/ie-test-tool-microsoft-expression-web-3-superpreview/feed/ 15