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

  最近有测试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-2004IE6Trident4.0
2005-2006IE7Trident4.0
2009IE8Trident4.0
2011IE9Trident5.0(使用全新JavaScript引擎“Chakra”)
2011-2012IE10Trident6.0(使用全新JavaScript引擎“Chakra”)
2013-2015IE11Trident7.0(使用全新JavaScript引擎“Chakra”)
2.Microsoft Edge
发行年份发行版本使用内核
2015Microsoft EdgeTrident(EdgeHTML[排版引擎]、Chakra[JavaScript引擎])
3.2345加速浏览器
发行年份发行版本使用内核
2011-20162345王牌浏览器
20162345加速浏览器最新版使用IE、Chrome内核
4.傲游浏览器
发行年份发行版本使用内核
2005傲游1Trident与Gecko
2007傲游2Trident
2010傲游3Trident与Webkit双核
2012傲游Mac版Webkit
2012傲游云浏览器Trident与Webkit双核
5.腾讯浏览器
发行年份发行版本使用内核
2003-2009腾讯TT、4.0Trident
2010QQ浏览器5.0Trident与Webkit双核
2012QQ浏览器7.0Trident
2014QQ浏览器8.0Trident
2015-至今QQ浏览器9.0ChromiumV43-53(Trident与Webkit双核)
6.360浏览器
发行年份发行版本使用内核
2010-至今360极速浏览器Blink与Trident
2008-至今360安全浏览器基于IE内核
360安全浏览器-国密专版基于IE内核
360安全浏览器-抢票专版基于IE内核
7.猎豹浏览器
发行年份发行版本使用内核
2012猎豹1.0Chromium17(Trident与Webkit双核)
2012猎豹2.0Chromium21(Trident与Webkit双核)
2013猎豹3.0Chromium21(Trident与Webkit双核)
2013猎豹4.0Chromium21(Trident与Webkit双核)
2015猎豹极轻浏览器基于IE内核
8.世界之窗浏览器
发行年份发行版本使用内核
2004世界之窗1.0
2006世界之窗2.0
2009-2012世界之窗3
2012世界之窗4.3Chrome17
2012世界之窗5
2013世界之窗6.0Chromium28
2016世界之窗7.0Chromium48
9.搜狗浏览器
发行年份发行版本使用内核
2015搜狗浏览器6.0IE及Chromium内核(Trident与Webkit双核)
11.Firefox
发行年份发行版本使用内核
2014-2015Firefox36Gecko
Firefox36Gecko
Firefox37Gecko
Firefox38Gecko
Firefox39Gecko
Firefox40Gecko
Firefox41Gecko
Firefox42Gecko
Firefox43Gecko
2015-2016Firefox44Gecko
Firefox45Gecko
Firefox46Gecko
Firefox47Gecko
Firefox48Gecko
Firefox49Gecko
Firefox50Gecko
2016-2017Firefox51Gecko
Firefox52Gecko
2017Firefox53Gecko
Firefox54Gecko
Firefox55Gecko
Firefox56Gecko
Firefox57Gecko
Firefox58Gecko
Firefox59Gecko
12.Safari
发行年份发行版本使用内核
2010Safari5Webkit
2012Safari6Webkit
2013Safari7Webkit
2014Safari8Webkit
2015Safari9Webkit
2016Safari10Webkit
13.Google Chrome
发行年份发行版本使用内核
28以前Webkit
2013.728以后BlinkBlink
2013Chrome29Blink
2013Chrome30Blink
2013Chrome31Blink
2014Chrome32Blink
2014Chrome33Blink
2014Chrome34Blink
2014Chrome35Blink
2014Chrome36Blink
2014Chrome37Blink
2014Chrome38Blink
2014Chrome39Blink
2015Chrome40Blink
2015Chrome41Blink
2015Chrome42Blink
2015Chrome43Blink
2015Chrome44Blink
2015Chrome45Blink
2015Chrome46Blink
2015Chrome47Blink
2016Chrome48Blink
2016Chrome49Blink
2016Chrome50Blink
2016Chrome51Blink
2016Chrome52Blink
2016Chrome53Blink
2016Chrome54Blink
2016Chrome55Blink
2017Chrome56Blink
2017Chrome57Blink
2017Chrome58Blink
2017Chrome59Blink
2017Chrome60Blink
2017Chrome61Blink
2017Chrome62(最新稳定版本)Blink
2017Chrome63(最新测试版本)Blink
2017Chrome64(最新开发版本)Blink
14.Opera
发行年份发行版本使用内核
201215以前(Presto)Presto
201315以后(Blink)Blink
2013Opera15Blink
Opera16Blink
Opera17Blink
Opera18Blink
2014Opera19Blink
Opera20Blink
Opera21Blink
Opera22Blink
Opera23Blink
Opera24Blink
Opera25Blink
Opera26Blink
2015Opera27Blink
Opera28Blink
Opera29Blink
Opera30Blink
Opera31Blink
Opera32Blink
Opera33Blink
Opera34Blink
2016Opera35Blink
Opera36Blink
Opera37Blink
Opera38Blink
Opera39Blink
Opera40Blink
Opera41Blink
Opera42Blink
2017Opera43Blink
Opera44Blink
15.百度浏览器
发行年份发行版本使用内核
2011V1Blink与Trident
2012V2Blink与Trident
2012V3Blink与Trident
2013V4Blink与Trident
2013V5Blink与Trident
2014V6Blink与Trident
2014-2015V7Blink与Trident

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

四、浏览器市场占有率

这里写图片描述

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

  • 6
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
F2etest 是一个面向前端、测试、产品等岗位的多浏览器兼容测试整体解决方案。在之前,我们一般有三种解决方案:本机安装大量的虚拟机,一个浏览器一个虚拟机,优点:真实,缺点:消耗硬盘资源,消耗CPU资源,打开慢,无法同时打开多个虚拟机使用IeTester等模拟软件,优点:体积小,资源消耗小,缺点:不真实,很多特不能代表真实浏览器公用机器提供多种浏览器,优点:不需要本地安装,不消耗本机资源,缺点:资源利用率低,整体资源消耗非常恐怖现在,有了F2etest,一台普通的4核CPU的服务器,我们就可以提供给20人以上同时使用。在这之前我们需要20台机器,相比之下,至少10倍的硬件利用率提升。相比之前的方案,我们有以下优势:10倍硬件利用率,降低企业运营成本非常棒的用户体验,极大的提高测试效率真实浏览器环境,还原真实测试场景在这个解决方案中,我们使用了以下技术:Guacamole: 开源的HTML5远程解决方案Windows Server: Server版Windows,最大化复用机器资源hostsShare: 跨浏览器,跨服务器的hosts共享产品截图Chrome插件:Windows:Mac:安全风险警示(非常重要)由于本系统基于Windows Server体系搭建,因此系统的安全完全取决于部署人的安全部署能力。如果您希望部署本系统,请确保以下几点:严禁将本系统部署在公网环境,仅可部署在内网环境中使用,作为内部测试用途请将Windows Server服务端升级到最新版本及补丁,以保证没有出现安全漏洞请将User用户之间做到完全隔离,仅提供User用户文件的访问权限,别的任何权限请勿多余授权请将f2etest-client仅设置为管理员拥有权限,防止API接口被恶意访问 标签:阿里巴巴

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值