浏览器兼容性问题是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况

产生原因：不同的浏览器使用内核所支持的HTML（标准通用标记语言下的一个应用）等网页语言标准不同；以及用户客户端的环境不同（如分辨率不同）造成的显示效果不能达到理想效果，最常见的问题就是网页元素位置混乱，错位。

内核：决定了浏览器如何显示网页的内容以及页面的格式信息。

常见的浏览器：IE浏览器（IE内核）、【Google/苹果浏览器（Webkit内核）】手机浏览器、火狐浏览器（Gecko内核）、Opera浏览器（Presto内核）
详情可参考：百度统计流量研究院 http://tongji.com/data/browser
注：政府性质的浏览器只兼容IE浏览器
常见介绍浏览器：IE、360、Firefox(特点兼容，跨多个操作系统)、Chrome(可以模拟各种手机进行测试，仅限于页面调整，并不能完整代替手机)、Safari(如果考虑苹果用户，需测试这个浏览器)
小众浏览器：世界之窗、猎豹、遨游等等

浏览器兼容性测试应用场景
1.when，time
1）用户要求，指定浏览器 需求（环境：浏览器：IE8 、IE9 、火狐）
2）网站一般都需要做兼容，从用户使用量，来选取主流浏览器
2.兼容性测试内容：主要是页面的格式，字体，输入框，下拉框，复选框，按钮等的检查；页面显示在功能中检查

常用的浏览器兼容性测试工具
1.letester，可以测试不同版本的IE浏览器，
2.在虚拟机里面安装不同版本的IE浏览器
3.http://app.crossbrowsertesting.com 这个网站可以支持不同系统不同版本浏览器的兼容性测试。（免费时间较短）
4.Spoon Browser Sandbox (需要安装插件，启动较慢)
http://spoon.net/browsers/

面试中可能会问到的问题
1.小众浏览器出现问题，需不需要做兼容性测试？用户反馈在小众浏览器上的问题？公司怎么处理？
2.如果一个网站分为前台访问系统、后台管理系统；是否都需要做浏览器兼容性测试？
作答：1）建议使用其他浏览器；看问题的严重程度或影响力（有可能会为了大头客户去专门做兼容）
2）前台访问系统（用户）
后台管理系统（公司内部或少数人，比如淘宝卖家）
，一般情况下，前台需要做，后台不需要兼容性测试，一般后台是兼容谷歌的
前端——访问，后端——系统服务器

测试计划
包含“5W+1H”方便记忆
目的（why）、测试范围（what）、测试进度安排（when）、测试人员（who）、测试环境（where）、测试方法/工具（how）、风险评估、培训计划

一个软件产品或者程序需要在不同浏览器上使用，兼容不同浏览器版本，听起来是一件复杂的事情。以我们熟知的主流浏览器就有很多版本，比如火狐浏览器、谷歌浏览器、IE浏览器等，想要软件产品或者程序在这些浏览器上兼容使用，不出现bug，那么就需要做好浏览器兼容性测试。

　　做好浏览器兼容性测试有哪些步骤呢？有哪些好的浏览器兼容性测试工具呢？小编对此进行简单分析，帮助大家更好的理解浏览器兼容性测试。

　　浏览器兼容性测试

　　一、如何做好浏览器兼容测试？

　　首先要确定产品主要运行的浏览器，我们常常提及的5大浏览器4大内核，比如说用户常用的谷歌浏览器、IE浏览器等，通过在主流浏览器新老版本上运行测试过程，尽可能发现产品在使用时的问题。

　　其次，是对更广泛的设备与平台的测试必不可少，可以帮你发现很多潜在的问题。

　　二、有哪些浏览器兼容性测试工具？

　　如果需要在各种主流浏览器版本中运行程序，并查看代码的正确性，那么浏览器兼容性测试工具就必不可少了。现在有很多自动化测试工具能够帮助我们解决这一问题，以下分享一些常用的测试工具，供大家参考：

　　1、Superpreview

　　微软发布的跨浏览器测试工具，可以同时直观呈现网页在不同浏览器中的情况，是目前应用比价广泛的测试工具。

　　2、BrowserShots

　　一款免费的在线使用的跨浏览器测试工具，也是测试人员常用，时间比较久的测试工具了，可以选系统和浏览器版本,输入被测网址,即可生成页面截图。

　　3、Multiple IEs

　　用于测试网页在IE浏览器中的兼容性。

　　三、具体浏览器兼容性测试方案

　　不同用户使用不同版本的浏览器，最常出现的错误就是网页元素位置混乱，错位等，所以要做好浏览器兼容性测试，具体方案如下：

　　1、确定运行浏览器及最低版本；对于不同使用人群来说，所使用的浏览器不一样。比如普通用户，最常用的是Windows操作系统。那么就需要对Windows操作系统包括Windows XP等进行兼容性测试；

　　2、确定兼容性问题；对页面格式，字体，输入框，按钮等进行兼容性测试检查；

　　3、执行测试；浏览器兼容性测试是比较繁琐的测试工作。

-每天学习一点，今后必成大神-

关注下方公众号，领取海量软件测试学习资料

浏览器的兼容性问题，是指不同浏览器使用内核及所支持的HTML等网页语言标准不同，用户客户端的环境不同造成的显示效果不能达到理想效果。对于用户而言，无论使用哪款浏览器，期望看到的效果是正常的统一的。

市面上发布的浏览器版本非常之多，碍于测试环境和人力资源的不足，要想做到全面的兼容性测试很难。如何进行高效的浏览器兼容性测试，对于前端开发人员还是测试工程师来说，都算得上一个头疼的问题。

为此，我们可以在多台计算机或者多台虚拟机上部署不同浏览器进行测试，但这种方法会造成一定的资源浪费、或存在卡顿情况。为提高测试效率，可以利用一些浏览器兼容性测试工具来完成测试工作。以下介绍8款浏览器兼容性测试工具，可以依据自己需求选择，有需要的欢迎收藏！

1、IETester

下载地址：https://www.my-debugbar.com/wiki/IETester/HomePage

一款专注于IE浏览器各个版本兼容性调试的工具，在PC下载客户端安装即可使用。支持Windows 7，Vista and XP，Windows 8 desktop系统。 有中文，英文等多国语言支持。IETester可以模拟出不同的js引擎来帮助程序员设计效果统一的代码。覆盖IE5.5/6.0/7.0/8.0/9.0/10/11版本 ，完全满足大部分IE浏览器兼容性的测试。

2、BrowserShots

网址：http://browsershots.org/

BrowserShots 是一款免费的在线跨浏览器测试平台，捕捉网站在不同浏览器中的截图。支持Linux、Windows、Mac平台，覆盖浏览器也比较多，IE、Chrome、Firefox、 Opera、safari都有覆盖。可以选择不同操作系统不同的浏览器版本，输入被测网址，即可截图查看兼容性。

3、Spoon Browser Sandbox

网址：https://turbo.net/browsers

需要注册账号登录后，点击需要测试的浏览器环境，安装插件运行不同浏览器模块来进行测试。Spoon Browser Sandbox支持主流浏览器IE、Chrome、FireFox、Safari、Opera及其不同版本。满足多款主流浏览器兼容性测试的需求，唯一不足是非免费，但可免费体验。

4、Browserstack

网址：https://www.browserstack.com/

Browserstack是一个非常著名的多系统跨浏览器兼容性测试平台，支持9大操作系统上的3000种浏览器，覆盖所有旧版本的Internet Explorer（IE6 - IE11），最新测试版和开发版（Edge，Safari，Chrome，Firefox，Opera和Yandex）以及各种真实的iOS和Android设备。作为浏览器测试市场上最古老的工具之一，仍然被Microsoft、jQuery、Airbnb、以及Wikipedia等知名企业所延用。非免费，用户在browserstack网站注册后可享受30分钟的免费试用。

5、LambdaTest

网址：https://www.lambdatest.com/

作为一款基于云的自动化跨浏览器测试平台，LambdaTest提供了2000多种浏览器和操作系统的组合，确保网页在所有主要浏览器、浏览器版本、操作系统、移动设备和分辨率上都是跨浏览器兼容和响应的。不仅是在Chrome上，这个插件还在Firefox、Safari、Internet Explorer、Edge、Android Chrome和iOS Safari上截图。这些屏幕截图将帮助快速查找网页的浏览器兼容性问题，是最为常见的跨浏览器测试工具之一。非免费，但它提供了一种终身免费的选项。

6、Browserling

网址：https://www.browserling.com/

Browserling是一种实时的交互式跨浏览器测试平台，支持Windows、Android操作系统下不同浏览器如Internet Explorer, Chrome, Firefox, Safari和Opera。用户只需访问网站，选择操作系统下某一个浏览器就可开始测试其网站。部分操作系统下的浏览器测试免费，其他需付费。

7、CrossBrowser Testing

网址：https://crossbrowsertesting.com/

CrossBrowser Testing是一个基于云的测试平台。您可以针对数十种浏览器和真实的设备开展Web应用测试，并获得即时的结果。支持 Chrome、FireFox、Safari、Edge、IE、Windows、OSX、iOS 等。也可以在真实的设备和浏览器上，运行各种Selenium和Appium类型的脚本。可免费试用。

8、Browsera

网址：https://www.browsera.com/

Browsera 是一款可测试网站跨浏览器布局的工具，Browsera将抓取您网站上的页面，并实际测试它们是否存在布局不一致和脚本错误。无需花时间识别所有 URL 并查看每个页面的每个屏幕截图，您只需查看合并的 Browsera 报告，其中列出了存在问题的特定页面和浏览器。支持Windows系统下Chrome、Firefox、IE6/7/8/9/10/11，Mac系统下Safari6-10等主要版本。可支持30天免费体验。