微信号:grzlwx

介绍:光荣之路官方资讯

浏览器历史和发展趋势浅析(上)

2016-02-18 21:33 光荣之路

吴老的《selenium webdriver 实战宝典》出版了!

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

<未完待续>

(作者:cherryblossom 来源:http://www.cnblogs.com/cherryblossom/p/5194469.html)

公益传播测试知识、技能与正能量!感谢作者!
分享测试生活,思考测试人生!欢迎投稿!
文章图片来自网络,如有侵权请见谅,请联系我们妥善处理。
735821166@qq.com


光荣之路
软件测试培训


官网:www.gloryroad.cn

微信公众号:gloryroadtrain

性能测试QQ群:415987441
测试招聘QQ群: 203715128
自动化3群QQ: 371211499

Python群:457561756


 
光荣之路 更多文章 今天晚上的 linux 公开课- Awk 编程 7月28日(今天)晚上的 linux 公开课- shell编程 8月4日(今天)晚上的 linux 公开课- shell编程 9月1日(本周一)晚8点半,光荣之路Web自动化系列基础课—javascript第二讲 推荐本好书《与机器赛跑》
猜您喜欢 『干货』 帮你提高效率的PS新画板小技巧 R中的数据结构——列表 你误解用户研究了吗? 十个有争议的编程观点 百度咋做长文本去重(一分钟系列)