Blog > 互联网产品设计 > CSS调试利器!-CSSVista (同时调试FF和IE)

CSS调试利器!-CSSVista (同时调试FF和IE)

  每次制作页面的时候,都会同时打开DW、IE、FF同时进行调试工作。三者之间的切换不算什么大问题,只是有时候觉得有一点麻烦。

  CSSVista是一款Windows(只能在XP上使用)平台的第三方CSS编辑工具,当然,它是免费的。它的主要功能就是将FF、IE6以及CSS编辑器集合到一个框架里面。可以所见即所得的对页面进行CSS调试。

CSSVista运行环境:
  需要Microsoft’s .NET Framework 2. 的支持。你可以到这里下载
  CSSVista下载地址:http://sitevista.com/cssvista/download.asp

  运行软件后打开页面文件或直接在地址栏输入页面路径打开页面,点击地址栏右边的Edit Css,软件将自动获取CSS在左边显示。软件右边将分别显示IE6和FF下的页面。对左边的CSS直接进行修改,右边的页面将及时更新。

  软件整体功能很简单,一切都是围绕在CSS编辑。其他辅助功能主要有:
  1、禁用CSS样式、禁用图片浏览;
  2、设置浏览页面尺寸;
  3、标记div、span、p、li、a、h1、h2…等等元素

正好下午有一个页面需要调整,正好针对CSSVista进行了一个小测试,
  优点:
  1、系统占用内存大约65M左右,相对IE加FF加DW,这个算很小了;
  2、提供FF与IE同时预览编辑,不用再切换了。这也是这个软件最大的卖点;
  3、类似Developer的元素标记功能方便CSS调试;

  不足之处:
  1、需要安装.NET框架;
  2、由于CSS Editer与IE、FF预览框整合在一起,页面浏览面积太小;
  3、虽然IE7已经发布一段时间了,但是CSSVisita暂时只能测试IE6;
  4、CSS Editer没有提供代码输入提示、也就是说代码需要一个个的敲,有点费时间;
  5、CSSVisita自带的这个集成浏览器不会屏蔽弹出广告,如果你修改的页面会弹几个,会弹双倍吗?我不知道。哈哈。

  CSSVisita只是一个CSS编辑小工具,作为现在的功能他很适合对已经完成的页面进行FF与IE间的调试。如果只是一些小的问题,相信开一个CSSVisita已经足以应付。好过要开FF、IE和DW三个。从官网上的信息来看,作者对这个小工具并没有太多时间去开发。也许这个只是他们的主要产品Sitevisita的一个附属品。如果你有兴趣,可以去他们的网站看看。http://sitevista.com/cssvista/

uploads/200706/25_175720_3.gif

uploads/200706/25_175522_4.gif