浏览器历史和发展趋势浅析
浏览器是前端必须使用的工具之一，可以查看效果，可以调试代码，甚至可以直接编写代码。本文主要探寻浏览器的历史，浏览器内核的机制和对页面的兼容影响，浏览器现今的市场份额及未来趋势。此次主要了解PC端。
********浏览器历史********
世界上第一个浏览器WorldWideWeb（后改为Nexus）由Tim Berners-Lee创建于欧洲核子物理实验室。同时他还写了第一个网页服务器httpd。世界上第一条http: //info. cern. ch/于1991年8月6日上网。
图1.Web 之父 Tim Berners-Lee
1993年,伊利诺伊大学厄巴纳-香槟分校的NCSA组织发表NCSA Mosaic，简称Mosaic。是互联网历史上第一个获普遍使用和能够显示图片的网页浏览器。并于1997年1月7日正式终止开发和支持。
图2全世界第一条网址现在打开情况
浏览器的发展史并不久远，只有短短的24年，但是却不断更迭。
表1.主流的浏览器发展历史
|
发表时间 |
名称 |
发表人/组织 |
地点 |
现状 |
|
1991年 |
www（nexus） |
Tim Berners-Lee |
瑞士CERN |
消失 |
|
1993年 |
Mosaic |
伊利诺大学的NCSA组织 |
美国 |
被收购 |
|
1994年 |
Netscape |
Marc Andreessen |
美国 |
消失 |
|
1996年 |
IE |
微软 |
美国 |
转战Microsoft Edge |
|
1996年 |
Opera |
Telenor公司 |
挪威 |
现存 |
|
2003年 |
safari |
苹果公司 |
美国 |
现存 |
|
2004年 |
firefox |
Mozilla组织 |
美国 |
现存 |
|
2008 |
chrome |
谷歌公司 |
美国 |
现存 |
国内的浏览器厂商都是用国外的浏览器内核，所以这里不重点介绍了。笔者对主流浏览器的性能、兼容软件、对html、css、js的支持（其中“结果时间”越短越佳）。选取了浏览器行业主流chrome,firefox,safari,IE,opera，以及国外的Avant，vivaldi，国内较为主流的QQ和UC浏览器。
选择的浏览器中包含了主流的blink,IE,webkit,moz四种浏览器内核。其中avant可以使用三种内核模式，此次测试选用了IE模式。QQ浏览器有两种内核模式，此次选用了webkit模式。表2是测试结果。
表2.主流的浏览器测试结果
|
浏览器名称 |
结果时间 |
HTML5支持 |
兼容软件 |
HTML等性能 |
|
chrome |
154.1ms |
521 |
100 |
4974 |
|
|
144.8ms |
525 |
100 |
4776 |
|
vivaldi |
157.2ms |
511 |
100 |
5476 |
|
opera |
163.9ms |
520 |
100 |
5060 |
|
firefox |
155.2ms |
468 |
99 |
5310 |
|
IE |
2317.9ms |
33 |
15 |
283 |
|
Avant Browser |
2201.1ms |
32 |
15 |
275 |
|
safari |
152.7ms |
209 |
100 |
2715 |
|
UC |
148.4ms |
526 |
97 |
5104 |
下图是浏览器的性能测试的结果，可以看出QQ、UC、chrome、firefox等浏览器都保持在160ms以内。IE、Avant浏览器的时间都在2000以上。这个测试时间越少，代表浏览器性能越高。由此可见，国内的QQ和UC的性能相对较高，甚至略微高于主流的chrome、firefox、safari。
图3.浏览器综合速度比较
下图是浏览器对html5的支持测试结果，分数越高则支持越佳。测试结果显示IE和Avant依旧是表现欠佳，令人惊诧的是safari竟然还没有主流浏览器的一般分数，火狐的也稍微低于主流浏览器。UC浏览器在此次测试中夺得头魁。
图4.浏览器对html5支持比较
下图是浏览器对软件的支持测试，分数越高者越佳，使用了Acid3测试。Acid3是一份网页浏览器及设计软件之标准相容性的测试网页，这是目前Web标准基准测试中最严格的一个，对DOM和JavaScript有着严格的约束。浏览器开启此测试网页后，页面会不断加载功能、直接给予分数，满分为100分。
此次测试中chrome、QQ、vivaldi、opera、safari都拿到满分，火狐99分，UC拿到97分。而IE和Avant则并不理想。
图5.浏览器对软件支持比较
下图是采用Peacekeeper测试的结果。 Peacekeeper测试领域包含 HTML5、CSS3、Javascript、DOM 性能等，测试结果为打分制，得分越高则代表浏览器的性能越好。此次测试vivaldi表现十分突出，火狐夺得第二。IE和avant的表现依旧不如人意，此次safari的表现令人诧异，因为分数只有主流浏览器的一般分数。
图6.浏览器综合性能比较
综合表格的结果，将其对应的内核进行比较发现webkit无论是性能、对html5的支持以及软件的支持都是内核中最佳的，而在综合测试中blink的表现令人惊喜。
********浏览器内核********
浏览器内核也称为渲染引擎，是浏览器最重要的部分。内核负责对网页语法的解释。目前存在的主要的内核有Trident、Gecko、Webkit、blink四个。表3介绍了主流的浏览器内核及开发公司、目前使用这些内核的浏览器。
表3.主流的浏览器内核介绍
|
内核名称 |
开发公司 |
使用浏览器（过去和现在） |
|
Trident （IE内核） |
微软公司 |
IE,360浏览器，猎豹浏览器，傲游浏览器，2345浏览器，百度浏览器，世界之窗浏览器，瑞星浏览器，淘宝浏览器，腾讯TT浏览器，海豚浏览器等 |
|
Gecko (Firefox内核) |
Mozilla组织 |
火狐浏览器 |
|
Webkit (Safari内核） |
苹果公司 |
safari,360极速浏览器,chrome高速模式，搜狗高速浏览器；手机浏览器：傲游浏览器3，safari，symbian手机浏览器，安卓默认浏览器 |
|
blink |
由Google和Opera Software联合开发 |
vivaldi，Chrome（28及往后版本）、Opera（15及往后版本），Yandex |
值得一提的是2013年以前Trident、Gecko、Presto、Webkit才是主流的浏览器内核，Presto Opera Software公司开始的，用于Opera的渲染引擎。微软的最新浏览器microsoft Edge使用了Edge HTML内核，Edge html原是Triant的分支，加之microsoft Edge的战绩不好看至今还在一直下滑，此处不做过多的介绍。
目前主流的几款浏览器内核的区别是什么呢？
一、Trident内核
Trident内核，又称MSHTML，微软内核。是微软窗口操作系统windows搭载的网页浏览器，也是IE的排版引擎。IE内核相对其他内核是最开放的，接口设计相对最为成熟，对外部程序支持最好，这也是IE外壳的浏览器最多的原因之一。IE背靠windows大树一度占据浏览器市场的绝对优势，微软也很长时间没有更新trident内核，导致Trident内核几乎与W3C标准脱节，也是的大量的bug等安全性问题涌现，给了后起之秀很多机会。
二、Gecko内核
Gecko，也称壁虎，火狐内核。Gecko核心设计的相对成熟，在无法获取源码的情况下，开放程度仅次于IE。由于其本身Open Source。实际上是目前开发程度最好的浏览器。Firefox的扩展能够给浏览者带来完全不同的浏览体验。
三、webkit内核
WebKit内核，苹果公司自己的内核，也是苹果的Safari浏览器使用的内核。
四、blink内核
Blink是一个由Google和Opera Software开发的浏览器排版引擎，Google计划将这个渲染引擎作为Chromium计划的一部分，并且在2013年4月的时候公布了这一消息。在Chrome（28及往后版本）、Opera（15及往后版本）和Yandex浏览器中使用。
五、Presto内核
Presto是一个由Opera Software开发的浏览器排版引擎，供Opera 7.0及以上使用。该款引擎的特点就是渲染速度的优化达到了极致，也是目前公认网页浏览速度最快的浏览器内核，然而代价是牺牲了网页的兼容性。
********浏览器市场份额和趋势********
来自Net Market Share的数据，2014年的世界浏览器份额如下图7所示：
图7.2014年世界浏览器份额
由图可见IE占据了58.3%的份额，而后依次是chrome、firefox、safira、opera。再将时间拉到2015年，去年世界浏览器的份额如下图所示：
图8.2015年世界浏览器份额
由图可见IE虽然依旧是第一，但是份额较2014年减少了约5%，safari和firefox也有小幅度的减少，而chrome有着十分突出的增长，较2014年增长了1/2。
再将时间往前至上一个季度，世界浏览器的份额如下图所示：
图9.上个季度世界浏览器份额
由图可见，上个季度IE的份额逐日走低，减少至50%，而chrome依旧势头正好，占据了31.62%，而firefox、safira、opera基本没有明显的变化。
在过去的24年浏览器发展历史中，网景公司有过昙花一现的辉煌，而后IE依靠自己的系统捆绑式长期占据了市场的绝对的份额，opera虽然有很大的革新却一直不温不火，火狐和chrome的突起让IE开始关注自己的浏览器问题。opera弃掉自己的Presto内核选择webkit，而今google和opera一起创建blink内核也崭露头角，浏览器未来的方向必是多元化的。在前端方面，我想我们可以开始关注blink内核了，blink内核在对页面的渲染速度超过其它内核，市场永远只选择最有利于消费者的产品。
---------我是结束线--------
