博客园  :: 首页  :: 联系 :: 订阅 订阅  :: 管理

前端开发工具之Web SuperPreview

Posted on 2009-08-16 00:59  ╁蓝驿┲→  阅读(267)  评论(0编辑  收藏  举报

这年头做网页布局不用CSS,出去都不好意思跟人家打招呼——其实吧,我还是觉得Table布局更加方便——结果呢,人民群众深陷浏览器兼容性的泥潭,爬都爬不出来。

这其中又以IE6为最,其兼容性之奇差但又受众之广大使得光大web开发相关人士只能一边捏着鼻子,一遍去努力让网页在其上显示正常。

其实呢,为解决这方面的问题,已经有不少的解决方案了,例如那些CSS框架——这年头,连CSS都有框架了,残念。另外还有IE Test这种工具来比对不同版本浏览器下的显示状况,不过这得纯靠眼才行。

前两天发现微软出了个Web SuperPreview工具甚是强大,可以同时将一个页面以多种浏览器引擎呈现,例如竖排、横排,查看DOM信息,基线比较同一个元素在两个网页上的位置是否一致,尤其是还有个Overlay视图,Photoshop里面这个词好像翻译成“叠加”了?就是将两个网页叠在一起显示,偏移情况一目了然。

多说无益,上图:

并排显示:
Microsoft Expression Web SuperPreview

叠加显示:
Microsoft Expression Web SuperPreview - Overlay

英文介绍可看这里,下载地址可点这里。下载时需注意,当前版本只是Preview,英文介绍里面的一些功能并未提供,反正我测试的时候就没发现Firefox以及Dom树。这个东东需要.Net3beta环境,其实下载的260多MB里面基本有200MB是那个测试版的.Net包。