Web浏览器兼容测试

转载：https://blog.csdn.net/qq_29970551/article/details/80268042

Web浏览器兼容如何测试

如今, 市面上的浏览器种类越来越多，版本迭代频繁，同一web页面在不同浏览器上显示效果不尽相同，而用户对浏览器的选择也会有很大的差异。为了保证项目在这些浏览器上都能正常工作，针对不同的浏览器做兼容性测试是十分有必要的。

浏览器相关兼容性测试时的测试要点：

1. 测试Web页面在不同浏览器的界面是否一致:

a)界面是否正常加载；

b)界面的CSS样式是否显示完全；

c)文字图片的统一性；

d)排版是否整齐一致；

e)数据是否正确；

f)特效是否正常显示等；

2. 测试web页面在不同浏览器的易用性（易于使用）是否一致和正常:

a)界面中的所有控件是否能正常显示和使用；

b)提示信息是否正常和完整；

c)在不同分辨率下界面是否友好和正常显示；

d)窗口的最大化和最小化 是否能正常显示等；

3. 测试web页面在不同浏览器的功能是否正常运转:

a)登录注册功能，搜索功能，导航功能，添加修改删除功能，导入导出功能；

b)上传下载图片功能，下载文件功能；

c)地图功能，视频播放功能，音频播放功能；

d)系统数据计算功能，链接跳转功能；

4.    测试web页面在不同浏览器一些键位是否能正确运作:

a)返回键；

b)回车键;

c)刷新键;

d)空格键；

e)快捷键等；

5. 测试web页面在不同浏览器性能方面是否正常和一致:

a)连接速度是否一致；

b)在同一环境下的，压力和负载测试的结果是否一致等；

6. 测试web页面在不同浏览器安全性方面是否正常和一致:

a)数据传输是否加密;

b)是否加密形式储存等。

浏览器选择时考虑的因素：

1. 内核

浏览器最重要的核心是“渲染引擎”，我们习惯称之为“浏览器内核”。它负责对网页语法解释并渲染网页，渲染引擎决定了浏览器如何显示网页内容以及页面格式信息，不同的浏览器内核对网页的语法解释也有不同，因此同一网页在不同内核的浏览器里的渲染效果也可能不同。

主要内核有Trident、Webkit、Gecko、Blink，如下：

内核

浏览器

特点

优缺点

Trident

IE

该内核程序在1997年的IE4中首次被采用，是微软在Mosaic代码的基础之上修改而来的，并沿用到IE11，也被普遍称作”IE内核”特点非开源。

优点：兼容性好，CPU占用小，内存占用小。

缺点：该内核BUG很多，安全性问题没有得到解决。

Gecko

Firefox

Gecko的特点时代码完全公开，因此其开发程度很高，全世界的程序员都可以为其编写代码，增加功能。

优点：拓展性强，插件定制方便。

缺点：操作太过复杂，组件多后会很臃肿，组装件启动较慢。

Webkit

Safri

Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎，它的特点在于源码结构清晰、渲染速度极快。

优点：在于高效稳定，且源码结构清晰，易于维护，网页浏览速度较快。

缺点：对于网页代码的容错性不高，也就是说对网页代码的兼容性较低，会使一些编写不标准的网页无法正确显示。

Blink

Chrome

Blink是一个由Google和Opera Software开发的浏览器排版引擎，这一渲染引擎是开源引擎WebKit中WebCore组件的一个分支，但渲染结果与Webkit存在一定的差异。

优点：不易崩溃速度快源码结构清晰，易于维护，比webkit更精简、更高效。

缺点：对于网页代码的容错性不高，系统资源占用较高。

2. 市场占有率

在选择需要测试的浏览器时，还需要参考浏览器的市场占有率。考虑到客户群体的使用情况，目前只参考国内的浏览器市场占有率，具体排行如下： 

3. IE版本

单独考虑IE是因为它是windows的默认浏览器，市场占有率较高，低版本的IE并不是完全执行W3C标准，并且各版本的内核功能不同，控件数据显示也不同，因此web项目在不同版本的IE上会有很多的兼容性问题。

在IE各个版本中，IE6因为版本太低，市场占有率不高，所以不考虑；而IE10因为windows系统原因，市场占有率低，所以也不考虑。目前IE版本市场份额如下：

结合以上3个因素，做浏览器兼容性测试时，主要会用以下浏览器进行测试：

chrome、Firefox、Safari、IE四种内核浏览器

chrome、Firefox、Safari、IE7、IE8、IE9、IE11、搜狗、QQ、2345浏览器