网页设计杂谈(2)：网页设计与浏览器
上次讨论了屏幕分辨率与网页设计的一些问题，今天讨论另一个与网页设计离不开的话题——浏览器。
实际上，浏览器比屏幕分辨率对网页设计的影响更大，因为不同的浏览器对网页的HTML、CSS和Javascript都有不同的解释，这给设计师带来了很大的麻烦。HTML相对比较简单，浏览器之间的差异比较小，而CSS的问题就很大了，“前沿视频教室”中也曾经几次谈论过在CSS设计中，如贺解决浏览器差异的问题，如果有兴趣可以参考下列三篇文章:关于CSS在不同浏览器的调试经验、CSS调试技巧五则，兼谈“提问的艺术”、以及再谈浏览器的兼容性。
上面的三篇文章都是从技术角度讨论如何设计出具有更好兼容性的网页，而今天我们则从数据统计的角度，看看目前各种浏览器的使用状况到底如何。
1：网页中广泛使用的三种标准技术——HTML、CSS和Javascript，浏览器厂商由于各自的历史及现实原因，对标准的理解有所差异，导致各种浏览器对网页代码的解释不尽相同，从而同一个页面，在不同的浏览器中，可能会产生不同的效果，这给设计师带来了很大的麻烦。
2：根据国际上的比较广泛和权威的统计，最近（2008年3季度）各主流浏览器的地使用比例如下。
上图中的数据来自这里，从国际范围来看，IE的份额仅为72%，Firefox的份额已经接近20%。事实上，欧洲各国Firefox的使用比例非常高，下图显示了欧洲各国2006年Firefox的使用比例。
可以看到，瑞典在2006年，就有约40%的用户使用Firefox。
3：不过，从我们自己的统计数据来看，中国的情况与上面的统计差异还是很大的。与上次讨论屏幕分辨率的方法相同，这里仍然使用我们自己的“前沿视频教室”网站为例，以2008年9月的访问者为对象，统计了3万4千访问者的浏览器使用比例，如下图所示。
可以看到，IE仍占据约90%的比例，而Firefox远低于20%的国际统计值，而Safari则更是很少。关于Google的新作Chrome，后面再稍加讨论。
4：实际上，对于设计师而言，麻烦的不仅仅在于不同的浏览器之间的差别，即使同样是IE浏览器，不同版本之间的差异也不小，因此，我们又将上面图中，IE浏览器按照不同版本，分别统计，得到了下面的数据，如下图所示。
可以看到，最令设计师头疼的IE6还占据60%的份额，短期内还得和它继续战斗了！
5：从各种浏览器的比例变化情况看，浏览器份额随时间的变化远小于屏幕分辨率的变化，这是因为显示器总是越大越好（有变化的需要），而且如果要换，买回来就用（更换也方便），而更换浏览器则对于大多数人来说并没有很大的必要，而且还需要安装，对于很多人也是一件麻烦的事情。
可以看到，尽管IE的份额在降低，但是是变化速度实际上很慢，事实上，变化最大的是IE7很快地在夺取IE6的份额，不过我们只要还保证网页适用于IE6，这个比例的变化对于我们意义不是很大。
6：对于CSS来说，最麻烦的并不是某个浏览器很难对付，最麻烦的是要同时保证网页兼容于各种不同的浏览器，尽管各种浏览器都声称自己是符合标准或者决心要符合标准，但是事实上，仅仅每个网页都要使用各种浏览器测试一遍，就要花费很多时间，如果所有人都用同一个浏览器，就能使设计师省很多事了。
通常来说，我们建议国内的设计师，如果要制作一个比较重要的网站，应该确保在IE6/IE7和Firefox中正确显示。目前而言，我个人感觉这个标准还是可以的，因为从上面的数据中可以看到，这三个浏览器的份额总计96%以上，更为为重要的是，如果能够保证网页在Firefox和IE7中都正确显示，那么其他浏览器一般也都不会有什么问题。
对于CSS设计，这里再次提醒初学者，一定要先在Firefox中测试正确之后，再在IE中测试，此外，做一点就测试在多个浏览器中测试，然后再做下一部分，而不要一个页面都做完之后，再在其他浏览器中测试，那样会很麻烦。
7：而Javascript的差异，就比CSS更为复杂了，比如对事件的处理，DOM标准和IE使用的方法是完全不同的，普通开发者要自己实现对这些差异的处理，要花很多工夫，好在现在已经有了很多非常好的Javascript框架，比如大名鼎鼎的jQuery，通过使用jQuery可以把这些差异都屏蔽掉，写出统一的代码，就可以正确地运行在不同的浏览器上了，这对于开发者来说，实在是帮助太大了。
8：最后，再说说Google的Chrome，毕竟是出自Google门下，一经推出，前沿视频教室网站的访问者中，就出现了1.8%的使用比例，根据我们做的一些简单的测试，以前制作的兼容于Firefox和IE的页面，在Chrome中都没有发现什么问题。但是也没有体会出用Chrome有什么特别之处，也许是页面都过于简单，体现不出来的缘故。不过我们发现，在我们的统计数据中，Chrome的使用者并不是逐渐增加，而是在逐渐减少。这显然是头两天有不少人下载来尝试一下，然后就逐渐不再使用了。所以Chrome的情况，还需要慢慢观察了。
=============
2008.10.24 补充
偶然在atppp的博客里看到这么一个蛮有趣的说法，给读者说说：
3,683发信人: atppp (Big Mouse), 信区: WebDev
标 题: Re: 全部用DIV布局累死了，
发信站: 水木社区 (Mon Apr 10 13:26:31 2006), 站内div排版的三个境界：
1. 怎么都搞不定非ie浏览器
2. 怎么都搞不定ie
3. 天马行空
免费学习。。哈哈~
姑且不说中国的 电脑小白有多少。。。 就那些泛滥成灾的 克隆版的系统。。有几个预装了 Firefox ???
还有网吧里面。。。哪个不是用IE ??? 毕竟在家上网的是微不足道的一小部分
不是开发人员几乎不会用FF。。。
鹤庭逸，
说得对，其实IE也不错，没有很多人说得那么差。
虽然IE、FF、Opera、Safari、Chrome这些浏览器在竞争，但都越来越标准，所以代码良好、标准的话，那么在这些浏览器中应该不会有太大的差异；再了解一下这些浏览器的小“脾气”，那就更好了。
青色，
你说得对，现在新出的浏览器，也不敢背离标准，自己另搞一摊了。
现在主要麻烦的是IE 6短期内还会由于很多人用，不得不考虑。
另一个是即使基本上都支持规范，但是就算只有有那么一点点不同，你也不敢不测试。所以，写的时候尽可能用标准的写法，会好很多。
“那么一点点不同”正是我所说的浏览器的“小脾气”。。。
文章写得太好了.学习了.我是广州智晟科技网络有限公司的员工.我的邮箱:cm2m@live.cn有空一起研究一下.谢谢你把文章分享出来.
您好，
欢迎您常来这里交流！