超实用的Web兼容性测试经验总结，建议Mark

太过爱你忘了你带给我的痛 2024-03-22 12:00 41阅读 0赞

在日常工作中，我们经常碰到网页不兼容的问题。我们之所以要做兼容性测试，目的在于保证待测试项目在不同的操作系统平台上正常运行。

主要包括待测试项目能在同一操作系统平台的不同版本上正常运行；待测试项目能与相关的其他软件或系统的“和平共处”；待测试项目能在指定的硬件环境中正常运行；待测试项目能在不同的网络环境中正常运行。

虽然兼容性测试无法做到完全的质量保证，但对于一个项目来讲，兼容性测试是必不可少的一个步骤。今天，我们就来逐一探讨这几个兼容性问题的测试方法和一些注意事项。

Web兼容性测试的主要类型：Web兼容性测试主要是针对不同的操作系统平台，浏览器，以及分辨率进行的测试。

### 01 操作系统兼容性 ###

市场上有很多不同的操作系统类型，最常见的有Windows、Unix、Macintosh、Linux等。Web应用系统的最终用户究竟使用哪一种操作系统，取决于用户系统的配置。

这样，就可能会发生兼容性问题，同一个应用可能在某些操作系统下能正常运行，但在另外的操作系统下可能会运行失败。

因此，在Web系统发布之前，需要在各种操作系统下对Web系统进行兼容性测试。

常见的操作系统有Windows，Unix，Linux等，对于普通用户来讲，最常用的是Windows操作系统。Windows操作系统包括 Windows XP，windows 2003，vista，Win2000/NT，Windows9x等等。

用户使用操作系统的类型，直接决定了我们操作系统平台兼容性测试的操作系统平台数量，进行操作系统平台的兼容性测试的主要目的就是保证我们的待测试项目在该操作系统平台下能正常运行。

![图片][fc1aaccca4e8496faf6e23c00228f287.jpeg]

对于一些特殊项目(比如定制项目)，可以指定某一类型的操作系统版本，这些都应该在需求规格说明书中指明，针对这些指明的操作系统版本必须进行兼容性测试。

大部分的其他项目，是不指定操作系统版本的，针对这样的项目，我们应当针对当前的主流操作系统版本进行兼容性测试，在确保主流操作系统版本兼容性测试的前提下在对非主流操作系统版本进行测试，尽量保证项目的操作系统版本的兼容性测试的完整性。

### 02 浏览器兼容性 ###

浏览器是Web客户端最核心的构件，来自不同厂商的浏览器对Java，、javascript、ActiveX、plug-ins或不同的HTML规格有不同的支持。

例如，ActiveX是Microsoft的产品，是为Internet Explorer而设计的，javascript是Netscape的产品，Java是Sun的产品等等。另外，框架和层次结构风格在不同的浏览器中也有不同的显示，甚至根本不显示。不同的浏览器对安全性和Java的设置也不一样。

测试浏览器兼容性的一个方法是创建一个兼容性矩阵。在这个矩阵中，测试不同厂商、不同版本的浏览器对某些构件和设置的适应性。

![图片][c0e36e66865b412dba895a625b9a2a5c.jpeg]

浏览器是Web系统中对核心的组成构件，来自不同厂家的浏览器对Javascrīpt、 ActiveX或不同的HTML规格有不同的支持，即使是同一厂家的浏览器，也存在不同的版本的问题。不同的浏览器对安全性和JAVA的设置也不一样。

**目前最为常用的浏览器为：**

（1）IE内核常见的浏览器有：IE6、IE7、IE8、IE9、IE10、IE11、360安全浏览器（兼容模式）、360极速浏览器（兼容模式）、搜狗浏览器（兼容模式）、QQ浏览器等等；

（2）Firefox内核常见的浏览器即火狐浏览器（Firefox）；

（3）Chrome内核常见的浏览器有：Chrome、360安全浏览器（极速模式）、360极速浏览器（极速模式）、搜狗浏览器（高速模式）。

对于一些特殊项目(比如定制项目)，可以指定某一类型的浏览器(包括版本)，这些都必须在需求规格说明书中指明。针对这些主流的浏览器必须进行兼容性测试。

但大部分的项目，是不能指定浏览器的，针对这样的项目，那么我们必须针对当前的主流浏览器(含版本)，在确保主流浏览器的兼容性测试通过的前提下，再对非主流浏览器(含版本)进行测试，尽量保证项目的浏览器的兼容性测试的完整性。

### 03 分辨率兼容性 ###

分辨率的测试是为了页面版式在不同的分辨率模式下能正常显示，字体符合要求而进行的测试。  
用户使用什么模式的分辨率，对于我们来讲是未知的。通常情况下，在我们的需求规格说明书中会建议某些分辨率。对于测试来讲，必须针对需求规格说明书中建议的分辨率进行专门的测试。

![图片][9706d3f863524c28b13e8d6011e32602.jpeg]

现在常见的分辨率是1024×768，800×600。对于需求规格说明书中规定的分辨率，测试必须保证测试通过，但对于其他分辨率，原则上也应该尽量保证，但由于这个在需求规格说明书中没有加以约束，所以在一定程度上，开发往往会拒绝进行调整。

对于需求规格说明书中没有规定分辨率的项目，测试应该在完成主流分辨率的兼容性测试的前提下，尽可能进行一些非主流分辨率的兼容性测试，在一定程度上保证大部分。

### 04 网速测试 ###

待测项目在不同的网络环境中能正常的运行测试，可以通过Fiddler、360插件等软件进行设置限速测试。

### 05 打印机 ###

用户可能会将网页打印下来。因此网页在设计的时候要考虑到打印问题，注意节约纸张和油墨。有不少用户喜欢阅读而不是盯着屏幕，因此需要验证网页打印是否正常。有时在屏幕上显示的图片和文本的对齐方式可能与打印出来的东西不一样。测试人员至少需要验证订单确认页面打印是正常的。

### 06 组合测试 ###

最后需要进行组合测试。600x800 的分辨率在 MAC 机上可能不错，但是在 IBM 兼容机上却很难看。

在 IBM 机器上使用 Netscape 能正常显示，但却无法使用 Lynx 来浏览。如果是内部使用的 web 站点，测试可能会轻松一些。如果公司指定使用某个类型的浏览器，那么只需在该浏览器上进行测试。

如果所有的人都使用 T1 专线，可能不需要测试下载施加。(但需要注意的是，可能会有员工从家里拨号进入系统) 有些内部应用程序，开发部门可能在系统需求中声明不支持某些系统而只支持一些那些已设置的系统。

但是，理想的情况是，系统能在所有机器上运行，这样就不会限制将来的发展和变动。

**最后：** **为了回馈铁杆粉丝们，我给大家整理了完整的软件测试视频学习教程，朋友们如果需要可以自行免费领取 `【保证100%免费】`**  
![在这里插入图片描述][9d205f76a3bb49d8bce29972548618fa.png_pic_center]

### 软件测试面试文档 ###

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

![在这里插入图片描述][f5caea8e55384ffd9d53fbcef5d509f5.png_pic_center]  
**我们学习必然是为了找到高薪的工作**，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，**刷完这一套面试资料相信大家都能找到满意的工作。**

### 全套资料获取方式： ###

![在这里插入图片描述][5cda5706505a4f99ae5cd20693767720.gif_pic_center]  
![在这里插入图片描述][3736f0af0ce0429ca55f0f32c009f39c.gif_pic_center]

[fc1aaccca4e8496faf6e23c00228f287.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/ceb4dc5f0db34be2a2f479566979b4fd.png
[c0e36e66865b412dba895a625b9a2a5c.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/b9a6c8b8ed1b473d88e09c67e1570977.png
[9706d3f863524c28b13e8d6011e32602.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/f417641be11b47fead02f8f164d1a055.png
[9d205f76a3bb49d8bce29972548618fa.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/2aec053227154a9481295a22e4d1e367.png
[f5caea8e55384ffd9d53fbcef5d509f5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/441d3661b17142bcbf038e036c51bbb1.png
[5cda5706505a4f99ae5cd20693767720.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/36c06fd02f9c4b6788df644a09580370.png
[3736f0af0ce0429ca55f0f32c009f39c.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/12fd4f77332b4f70a059a206fca0ea06.png