zoukankan      html  css  js  c++  java
  • 浏览器历史和发展趋势浅析

    浏览器是前端必须使用的工具之一,可以查看效果,可以调试代码,甚至可以直接编写代码。本文主要探寻浏览器的历史,浏览器内核的机制和对页面的兼容影响,浏览器现今的市场份额及未来趋势。此次主要了解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

    QQ

    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内核在对页面的渲染速度超过其它内核,市场永远只选择最有利于消费者的产品。

     

    ---------我是结束线--------

     

     

  • 相关阅读:
    div里面的内容超出自身高度时,显示省略号
    CSS文本超出2行就隐藏并且显示省略号
    CSS中可以和不可以继承的属性
    return false
    CSS position: absolute、relative定位问题详解
    逆FizzBuzz问题求最短序列
    HTTP协议篇(一):多路复用、数据流
    PHP正则式PCRE
    Docker笔记三:基于LVS DR模式构建WEB服务集群
    架构设计之防止或缓解雪崩效应
  • 原文地址:https://www.cnblogs.com/cherryblossom/p/5194469.html
Copyright © 2011-2022 走看看