目前我们阿里巴巴的用户使用最多的分辨率还是在1024*768。所以大部分的设计，我们需要考虑用户在第一频能看到什么。为了方便在不同分辨率间切换，浏览器的小插件必不可少。在这里与分享一下我正在使用的三个不同浏览器下的插件。
Firefox下的Window Resizer 1.0
因为我用firefox，所以这个插件用的比较多，支持640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200等分辨率
插件地址：点击安装
IE浏览器下的Internet Explorer Developer Toolbar
微软发布的IE调试工具，同时也可以调整浏览器窗口大小。支持800×600, 1024×768, 1280×800, 1280×1024，还支持用户自定义宽度和高度。
插件地址：点击下载
Maxthon浏览器下的ResizeWindow v0.3.0
遨游下的插件，支持640×480,800×600,1024×768,1152×864,FullScreen
插件地址：点击安装
上周提到过一个跨平台、多浏览器页面测试，这次再来介绍一个针对IE的测试工具。
http://www.ipinfo.info/
与IE Test等网站不同的是，http://www.ipinfo.info/可以生产IE6与IE7的一张对比图，通过图片，你可以清楚看到被测试页面在IE6与IE7下的不同。
Unit PNG Fix是一款小巧轻便的JS库，主要解决IE6下PNG的兼容问题。
下载地址：http://labs.unitinteractive.com/downloads/unitpngfix.zip
作者7月16日再次更新，但是下载的js中还是有一个路径的错误，clear.gif其实和js在同一级目录下，大家使用的时候需要注意改正一下。
var clear="images/clear.gif" //path to clear.gif
相关阅读：
1、http://www.twinhelix.com/css/iepngfix/
2、http://homepage.ntlworld.com/bobosola/index.htm
3、http://24ways.org/2007/supersleight-transparent-png-in-ie6
最后B4一下，因为ao yun hui，IDC屏蔽了很多关键字，导致文章编辑了好久都发不出去。最后文章改得乱七八糟。-_-~
当产品走到HTML Coding这块，多浏览器的测试是很重要，也很麻烦的一个环节。现在大家主要是保证IE6，7及Firefox的一致。
browsershots提供了Linux、Windows、Mac os、BSD四个平台下的多个浏览器的页面截图，很强大。不过我主要就看看Windows和Mac os下的效果就好，选择太多浏览器会导致速度非常慢。
完成后的所有截图：
当你加入到一个项目，相关的CSS文件可能会看得你头昏眼花。时间一长，修改了哪些内容，增加了哪些内容，也都弄不清，维护成本相当的高。正好我们国际站正在进行代码的规范工作。下面的这段代码注释的思路值得借鉴。
通常写法:
#sidebar ul li a {
display: block;
background-color: #ccc;
border-bottom: 1px solid #999;
margin: 3px 0 3px 0;
padding: 3px;
}
注释的代码段：
#sidebar ul li a {
display: block;
background-color: #ccc;
border-bottom: 1px solid #999; /* ADDED Apr. 9, 2008 */
margin: 3px 0 3px 0;
padding: 3px; /* CHANGED Feb. 14, 2008 (Prev. 1px) */
}
上面的代码中，注释了增加代码的时间，修改代码的时间以及修改前的属性值。如果是多人协作，我建议还加上修改者的名称。当然，这样一直写下将带来过多的垃圾代码。需要定期的整理归档，保持文档的时效性。
