测试网页兼容性时如何选择浏览器

来源:互联网 发布:vr室内设计软件 编辑:程序博客网 时间:2024/05/16 04:32

  最近有测试Web的项目,合理的选取测试的浏览器是个重大问题,于是翻了几天资料,主要从以下几个方面来选择测试的浏览器:
1.浏览器的内核:使用到主流浏览器内核的浏览器需要测试
2.各浏览器在国内的市场占有率:主要参照了百度统计的数据
3.从项目需求角度出发选取各浏览器相应的版本

一、浏览器基础结构

(图片是网上找的,参考一下~)
这里写图片描述

  1. 用户界面 - 包括地址栏、后退/前进按钮、书签目录等,也就是除了用来显示你所请求页面的主窗口之外的其他部分。
  2. 浏览器引擎 - 用来查询及操作渲染引擎的接口。
  3. 渲染引擎 - 用来显示请求的内容,例如,如果请求内容为html,它负责解析html及css,并将解析后的结果显示出来。
  4. 网络 - 用来完成网络调用,例如http请求,它具有平台无关的接口,可以在不同平台上工作。
  5. UI后端 - 用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口。
  6. JS解释器 - 用来解释执行JS代码。
  7. 数据存储 - 属于持久层,浏览器需要在硬盘中保存类似cookie的各种数据,HTML5定义了web database技术,这是一种轻量级完整的客户端存储技术。

二、浏览器的内核

  浏览器内核是浏览器的核心,英文名为“Rendering Engine”直译为“渲染引擎”,主要负责HTML、CSS的解析。所以浏览器内核也称为“排版引擎”或“解析引擎”。
  目前主流的内核共有4种。如下:(注:2013之前是5种,其中Presto内核是Opera15以前版本的内核,在2013年后就不再使用了)

1.Trident

  主要代表浏览器:Internet Explorer, Microsoft Edge,2345加速浏览器,傲游浏览器,腾讯QQ浏览器、360浏览器、猎豹浏览器、世界之窗浏览器等。Trident内核最早在1997年被应用于IE4中,并一直沿用到IE11,其接口内核设计相当成熟,因此有许多采用IE内核的浏览器涌现。其中有不少浏览器的新版本采用了“双核”或者“多核”模式,其中一个是Trident内核,再加上另外一个其它的内核。

2.Gecko

  使用Gecko内核的浏览器主要是Firefox。它的特点是代码完全公开,全世界的程序员都可以给它添加功能。因为其开源性质,受到了许多人的青睐,这也是它迅速占有市场的重要原因之一。Gecko内核另外一个优势是跨平台,能在Windows、BSD、Linux和Mac OS X等操作系统上运行。

3.Webkit

  它是苹果公司自己的内核,也是Safari的内核。它的源码结构清晰、渲染速度极快,但对网页兼容性不高,会使一些编写不规范的网页无法正常显示。除了Safari使用Webkit内核外,Chrome、搜狗、猎豹等浏览也使用了Webkit内核。

  Blink是一个由Google和Opera Software开发的浏览器内核,这个渲染引擎是Webkit中WebCore组件的一个分支,它从Webkit中直接复制了一个版本,去除了与Chromium无关的Ports,将代码结构重新整理,提高了可读性,在Chrome28及以后、Opera15及以后的浏览器都使用到了Blink。

  以上是对目前主流内核的简单概括,如果需要详细了解的请自行Google~

三、部分浏览器内核及版本

  下面是我自己参照Wiki百科整理的一些主流浏览器的内核以及版本发展史,多表格预警!

1.Internet Explorer
发行年份 发行版本 使用内核 2001-2004 IE6 Trident4.0 2005-2006 IE7 Trident4.0 2009 IE8 Trident4.0 2011 IE9 Trident5.0(使用全新JavaScript引擎“Chakra”) 2011-2012 IE10 Trident6.0(使用全新JavaScript引擎“Chakra”) 2013-2015 IE11 Trident7.0(使用全新JavaScript引擎“Chakra”)
2.Microsoft Edge
发行年份 发行版本 使用内核 2015 Microsoft Edge Trident(EdgeHTML[排版引擎]、Chakra[JavaScript引擎])
3.2345加速浏览器
发行年份 发行版本 使用内核 2011-2016 2345王牌浏览器 2016 2345加速浏览器 最新版使用IE、Chrome内核
4.傲游浏览器
发行年份 发行版本 使用内核 2005 傲游1 Trident与Gecko 2007 傲游2 Trident 2010 傲游3 Trident与Webkit双核 2012 傲游Mac版 Webkit 2012 傲游云浏览器 Trident与Webkit双核
5.腾讯浏览器
发行年份 发行版本 使用内核 2003-2009 腾讯TT、4.0 Trident 2010 QQ浏览器5.0 Trident与Webkit双核 2012 QQ浏览器7.0 Trident 2014 QQ浏览器8.0 Trident 2015-至今 QQ浏览器9.0 ChromiumV43-53(Trident与Webkit双核)
6.360浏览器
发行年份 发行版本 使用内核 2010-至今 360极速浏览器 Blink与Trident 2008-至今 360安全浏览器 基于IE内核 360安全浏览器-国密专版 基于IE内核 360安全浏览器-抢票专版 基于IE内核
7.猎豹浏览器
发行年份 发行版本 使用内核 2012 猎豹1.0 Chromium17(Trident与Webkit双核) 2012 猎豹2.0 Chromium21(Trident与Webkit双核) 2013 猎豹3.0 Chromium21(Trident与Webkit双核) 2013 猎豹4.0 Chromium21(Trident与Webkit双核) 2015 猎豹极轻浏览器 基于IE内核
8.世界之窗浏览器
发行年份 发行版本 使用内核 2004 世界之窗1.0 2006 世界之窗2.0 2009-2012 世界之窗3 2012 世界之窗4.3 Chrome17 2012 世界之窗5 2013 世界之窗6.0 Chromium28 2016 世界之窗7.0 Chromium48
9.搜狗浏览器
发行年份 发行版本 使用内核 2015 搜狗浏览器6.0 IE及Chromium内核(Trident与Webkit双核)
11.Firefox
发行年份 发行版本 使用内核 2014-2015 Firefox36 Gecko Firefox36 Gecko Firefox37 Gecko Firefox38 Gecko Firefox39 Gecko Firefox40 Gecko Firefox41 Gecko Firefox42 Gecko Firefox43 Gecko 2015-2016 Firefox44 Gecko Firefox45 Gecko Firefox46 Gecko Firefox47 Gecko Firefox48 Gecko Firefox49 Gecko Firefox50 Gecko 2016-2017 Firefox51 Gecko Firefox52 Gecko 2017 Firefox53 Gecko Firefox54 Gecko Firefox55 Gecko Firefox56 Gecko Firefox57 Gecko Firefox58 Gecko Firefox59 Gecko
12.Safari
发行年份 发行版本 使用内核 2010 Safari5 Webkit 2012 Safari6 Webkit 2013 Safari7 Webkit 2014 Safari8 Webkit 2015 Safari9 Webkit 2016 Safari10 Webkit
13.Google Chrome
发行年份 发行版本 使用内核 28以前 Webkit 2013.7 28以后Blink Blink 2013 Chrome29 Blink 2013 Chrome30 Blink 2013 Chrome31 Blink 2014 Chrome32 Blink 2014 Chrome33 Blink 2014 Chrome34 Blink 2014 Chrome35 Blink 2014 Chrome36 Blink 2014 Chrome37 Blink 2014 Chrome38 Blink 2014 Chrome39 Blink 2015 Chrome40 Blink 2015 Chrome41 Blink 2015 Chrome42 Blink 2015 Chrome43 Blink 2015 Chrome44 Blink 2015 Chrome45 Blink 2015 Chrome46 Blink 2015 Chrome47 Blink 2016 Chrome48 Blink 2016 Chrome49 Blink 2016 Chrome50 Blink 2016 Chrome51 Blink 2016 Chrome52 Blink 2016 Chrome53 Blink 2016 Chrome54 Blink 2016 Chrome55 Blink 2017 Chrome56 Blink 2017 Chrome57 Blink 2017 Chrome58 Blink 2017 Chrome59 Blink 2017 Chrome60 Blink 2017 Chrome61 Blink 2017 Chrome62(最新稳定版本) Blink 2017 Chrome63(最新测试版本) Blink 2017 Chrome64(最新开发版本) Blink
14.Opera
发行年份 发行版本 使用内核 2012 15以前(Presto) Presto 2013 15以后(Blink) Blink 2013 Opera15 Blink Opera16 Blink Opera17 Blink Opera18 Blink 2014 Opera19 Blink Opera20 Blink Opera21 Blink Opera22 Blink Opera23 Blink Opera24 Blink Opera25 Blink Opera26 Blink 2015 Opera27 Blink Opera28 Blink Opera29 Blink Opera30 Blink Opera31 Blink Opera32 Blink Opera33 Blink Opera34 Blink 2016 Opera35 Blink Opera36 Blink Opera37 Blink Opera38 Blink Opera39 Blink Opera40 Blink Opera41 Blink Opera42 Blink 2017 Opera43 Blink Opera44 Blink
15.百度浏览器
发行年份 发行版本 使用内核 2011 V1 Blink与Trident 2012 V2 Blink与Trident 2012 V3 Blink与Trident 2013 V4 Blink与Trident 2013 V5 Blink与Trident 2014 V6 Blink与Trident 2014-2015 V7 Blink与Trident

以上的统计主要以浏览器的大版本为主。

四、浏览器市场占有率

这里写图片描述

第一次写博客,不足之处还请各位大神指教~

原创粉丝点击