从微软独家垄断到今天百花齐放，Web开发如何才不会被时代淘汰

在21 世纪初期，大家基本上只使用一种浏览器、一种平台和一种屏幕分辨率。在这种情况下，你只需要使用Windows XP 上的IE6，切换一下屏幕分辨率（比如800像素×600 像素和1024 像素×768 像素）就可以完成对主流Web 用户体验的测试。

如果再加上IE 5 和IE 5.5 的话，估算你就可以覆盖超过95% 的Web 用户了。（在2000 ～ 2005 年，IE 最终占据了90% 左右的市场份额。）

IE 占有率达到顶点（2004 年左右）以后，事情开始慢慢发生变化。

这一切是从Firefox 开始的，Firefox 通过独立的、符合标准的特征吸引用户，逐渐削弱IE 的霸主统治地位。还有2003 年Opera 为现代开发做的改版（之前它们对CSS 支持得很好但对JS 支持得很奇怪），2003 年Apple发布的Safari 浏览器，以及2008 年Google 发布的Chrome 浏览器等，都让IE 受到了来自四面八方的最直接的挑战，每次挑战IE 都会被夺走一大块的份额。直到2012年5 月，IE 非但不再是最主流的浏览器，甚至退出了主流浏览器的家族。

更重要的是，当桌面浏览器竞争白热化的时候，随着移动互联网的空前增长，全新方向的浏览器战争也打响了。随着iPhone 和iPad 的诞生，以及随后基于Google 的安卓操作系统的手机的大规模增长，用户的绝对人数和每一个用户可以连接上网的设备数都增长了。

此外，浏览器厂商几乎都采用（苹果公司是唯一的例外）了一项策略，自动地推送版本更新。新的浏览器版本，每隔几年随着新的系统更新而更新的日子一去不复返。

这些浏览器厂商对新特性支持的承诺，使得我们能够以极快的速度向浏览器中加入Web 平台的新特性。因为不同的组织和个人都以自己的节奏升级浏览器，这也导致了浏览器版本号的扩张。

所以，不再是当初通过几个测试机就可以覆盖95% 的Web 用户的情况了，真正关注这些事情的人可能有超过50 个设备的测试实验室，却仍然达不到微软鼎盛时期的测试覆盖面。

也许你不认为在Redmond（微软总部）之外还有人会期待IE 统治整个Web 的日子，但在当前状态下，你应当有一点这样的意识：“对你希望得到的东西保持警惕”。这并不是那么让人兴奋或强大，但把自己置于2003 年的生态系统里会更容易思考一些。现在，有时候很难专注地思考一个独立的问题，因为现在情况太复杂了。

屏幕分辨率、像素深度、浏览器兼容性、屏幕大小及人机交互输入框类型等这些可变的因素，几乎是无穷尽的。我们简单列一下这些可变的因素，可以估算有多少种可能。

“比如说，我们有10 个主流浏览器版本，有50 种介于340 像素×280像素和3840 像素×1080 像素之间的不同的屏幕分辨率，有从72dpi 到300dpi 不等的像素密度。”再加上可用Web 的新设备的大量增长及移动端驱动的渗透（之前未开发的Web 市场），比如，在非洲大部分地区，试图通过建立一系列有限的规范指导就能提供高质量的Web 体验来满足绝大部分用户，这样的想法简直太疯狂了。好戏正在上演。

每一个关于Web 平台特征的讨论，都是从浏览器开始的。那些日子里，浏览器处于野蛮生长的境况，浏览器之间的竞争非常激烈。它们跨越了多个不同的浏览器厂商和不同的版本号，从整体看，在浏览器开发的世界里有四大派系，每个派系的核心都是布局引擎。

这四个流派在JavaScript 和渲染方面都是很有竞争力的，这也是在现在的浏览器上通常都有很好的用户体验的原因。尽管不同流派的浏览器有一些差异（因特定浏览器版本的诞生时间和特定浏览器厂商需求做的代码变更），但我们可以通过对每个派系的浏览器的了解，基于派系判断浏览器的表现。

我们来看看2014 年3 月的浏览器市场情况。首先，我们看的是桌面和平板浏览器的市场份额数据，以及与之相关的柱形图信息。

它们是很好的数据，但有一些事实是不准确的，因为StatCounter 在某些国家（比如中国）不如其他地区强大。表现最明显的是没有单独的IE6 的统计数据（被归在“其他”中），它至少应该被提及，因为在中国它是一个重要的浏览器。这个列表上最负面的一点可能是IE8 仍然占有6.2% 的市场份额。360 安全浏览器是中国的基于Trident 的浏览器，它号称专注安全。

下面所示的数据及关联的图展示了移动端的市场占比情况。

安卓浏览器、Chrome 和iPhone 上的Safari 并没有占据100% 的市场，很多人可能对这个事实感到震惊，但这是真的！！！除非你真的非常关注，否则你可能在测试中漏掉了50%的手机浏览器。事实是，并不是只有你一个人会这样。你在Google+ 上问有多少人测过Opera mobile，也许只有一两个人说测过。问问国外有多少人听过UC 浏览器，也许是一个人也没有听说过。

-----------------

了解在发生什么很重要，测试尽可能多的浏览器也是必要的。然而开始开发网站的时候，为特定的浏览器或浏览器版本开发或是写一些特定的代码，却很少奏效。这是一个过于庞大的清单，如果你试图基于所有的浏览器和版本复制并修改你的代码来支持，那么，最终你是在玩一局世界上最糟糕的打地鼠的游戏。相反，对开发而言，你需要考虑的是特性。特性检测（而不是浏览器检测）早已是Web 开发领域普遍公认的观念了，然而这时这个原则比以往任何时候都重要。

当你接触一个全新的浏览器时不要去问“这是什么浏览器？”，而是去问“这个浏览器支持我想要使用的特性吗？”

未来的某个时刻，一些新的突然流行起来的浏览器进入这个列表的时候，这种方法会很有用。它可能很快就发生，比你想象得快。