-
2017-08-30 17:27:50
1.渲染引擎(所谓的内核)
(1)Chrome--开源的Webkit,听说自主从Webkit中衍生了Blink
(2)Safari--开源的Webkit
(3)Firefox--Gecko,Mozilla自家的渲染引擎
(4)IE--Trident内核
(5)360极速版--Webkit+Trident
(6)Opera--自家的Presto内核,然后这位兄弟也跟着Chrome用Blink
(7)其他国内的基本都是Trident内核
2.浏览器兼容性测试
2.1为什么要做浏览器兼容性测试
第一点也说了浏览器渲染引擎有区别,就算是同一渲染引擎,在做个性化修改后显示也会有差别,用过国内浏览器的你最明白的啦。而前端页面显示主要是通过什么来支撑呢?HTML、CSS、Javascript、ActiveX等等,而不同的渲染引擎对这些支持也会不同,例如,ActiveX是Microsoft的产品,是为Internet Explorer而设计的,javascript是Netscape的产品。
2.2怎么做浏览器兼容测试
(1)针对系统支持的浏览器做测试,除这些之外,有时间的情况下去过一遍其他浏览器。根据国情任何浏览器都有人用。
(2)没有明确要求支持什么浏览器,找主流的渲染引擎测试,一般都是 Chrome、IE、Firefox。(时间够的情况下,可以加上Safari 和Opera)
(3)在测试中,尽量错开验证, 比如一个功能点在IE上验证,回归时在Chrome上验证,第二轮测试在Firefox上验证。
(4)使用工具本人是不建议的(曾经用过IEtester,在工具上跟实际中显示还是有一些区别的)
(5)兼容性测试一定要列在测试用例中,在时间紧迫中很容易忘记。
(6)一台机子上装太多浏览器感觉烦,或者IE只能装一个版本降级升级麻烦,用虚拟机吧(IE 11可以用F12选IE其他版本)
3.其他兼容性测试
主要介绍了浏览器兼容,当然兼容性测试包括很多种,比如操作系统、分辨率等等,相对于其他,浏览器兼容性问题是最多,也是影响最大的,所以主要介绍了浏览器兼容。
转载于:http://blog.sina.com.cn/s/blog_71bc9d680102wm5p.html
更多相关内容 -
Web浏览器兼容性测试工具如何选择?
2021-03-23 14:40:52网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很棒的浏览器兼容性测试工具让... -
Web浏览器兼容性测试工具如何选择?
2021-03-23 15:03:07网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很棒的浏览器兼容性测试工具让... -
适用于web浏览器兼容性测试
2022-06-23 14:57:12web浏览器兼容性测试-测试人员、开发人员 -
Web浏览器兼容性测试
2015-09-13 12:40:47Web浏览器兼容性测试工具如何选择? 对于前端开发工程师来说,网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的...Web浏览器兼容性测试工具如何选择?
对于前端开发工程师来说,网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很棒的浏览器兼容性测试工具 让我们一起看看这些很棒的工具吧。
Spoon Browser Sandbox
点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了。
Superpreview
这是为微软自己发布的跨浏览器测试工具,您可以同时查看您的网页在多个浏览器的呈现情况,对页面排版进行直观的比较。
IETester
专门用于测试网页在IE浏览器各个版本中兼容性的工具,版本包含IE5.5至IE9的各个版本,很不错的一款工具,推荐。
BrowserShots
BrowserShots 是一款免费的跨浏览器测试工具,捕捉网站在不同浏览器中的截图。这是最有名,也是最古老的浏览器兼容性测试工具。
Multiple IEs
这款工具同样用于测试网页在IE浏览器各个版本的兼容性。
IE netrenderer
Netrenderer 也是用于检查你的网站在IE浏览器中的呈现情况,包括各个常用版本的检测。
Viewlike.Us!
Viewlike 是一款新推出的工具,帮助你检查浏览器在不同分辨率下得呈现情况。
BrowserSeal
这款工具的两个主要特色是独立的浏览器支持和带有自动化脚本的命令行界面。
Browsera
Browsera 是一个可测试您的网站的跨浏览器布局的工具,您会看到您网站上存在的兼容性错误。
WebDevLab
这款工具专门用于测试你的网站在苹果Safari浏览器中是什么样子的。
Litmus
这个工具可以帮助你检查你的网站在多个浏览器中的呈现情况,跟踪Bug并创建报告。
Browsercam
最后这款工具是要付费的,可以帮助你检查 Javascript 和 DHTML,提供不同的测试环境平台。
-
浏览器兼容性测试模板
2018-02-02 15:51:20确定浏览器测试类型,需要关注的测试项目.确定浏览器测试类型,需要关注的测试项目 -
【软件测试】你最常用的web测试-浏览器兼容性测试
2020-09-24 15:29:35如今,市面上的浏览器种类越来越多(尤其是在平板和移动设备上),这就意味着你所测试的站点需要在这些你声称支持浏览器上都能很好的工作。...一个最简单的减少浏览器兼容性测试的办法,就是停止对老版本浏览器如今,市面上的浏览器种类越来越多(尤其是在平板和移动设备上),这就意味着你所测试的站点需要在这些你声称支持浏览器上都能很好的工作。
同时,主流浏览器(IE,Firefox,Chrome,Opera,Safari)版本更新更加频繁,终端用户甚至不会感知这些浏览器版本的升级。
这两点就导致了对于日益增多的浏览器做兼容性测试显示十分必要,但也使得这种兼容性测试变得十分耗时。
通过全覆盖的测试,你就可以明确的知道你的站点支持哪些浏览器,哪些有兼容性问题。一个最简单的减少浏览器兼容性测试的办法,就是停止对老版本浏览器的支持。这个策略对一些公司是适用的,但并不适用所用的公司。
停止对老版本浏览器的支持,并不意味这你的产品在这些老版本上就没有bug, 这仅仅是你可以忽略那些老版本上的潜在问题,把精力放在那些当前支持的浏览器版本上。
一、分散风险
一个途径就是在多浏览器环境中执行日常的测试工作。
举个例子来讲,你要测试这样一个web应用:用户登入,生成报表,发送报表,退出系统。这个应用还包含一个管理功能,管理员或经理登入后可查看哪些人做了哪些改动。
为了覆盖更多的浏览器,你可以用一种浏览器来测试登入功能,在另一个浏览器中测试“发送报表”的功能,用第三种浏览器测试“审计变动”的功能。
这是一个有效的方法,在日常的功能测试的过程中,同时覆盖多浏览器兼容性测试。上面这个例子还是存在一些问题的,比如讲,如果“审计变动”这个功能在第一种,或第二种浏览器里是有问题,那么就会发现不了。这种方法节省下来的时间,可以让你在做兼容性测试策略时,更有侧重。
二、让其他人帮你做测试
对于一些明显的页面兼容性问题,有一些在线工具可以帮着你检查,例如Browser Shots,它可以将你的页面载入到它所支持的浏览器中(它支持浏览器种类和版本很丰富),然后截屏,你可以查看在这些浏览器下的载入情况了.
这是一个很棒的工具,但那些需要登入验证的应用,或则你的应用中包含的页面太多 ,这个工具就显得有点力不从心了.
三、和标准进行对比
你可以对你的站点进行HTML语法标准检查,如果通过了,在多浏览器兼容性上,你可以更有自信一点了,但即使通过了,还是总有一些浏览器(比如万恶的360)渲染你的页面是会有兼容性问题。
四、自动化
Web UI的测试可以通过webdriver这个工具来实现自动化,可以使用selenium Grid来将自动化脚本在多浏览器上运行。如果不会写代码的话可以使用TestWriter,完全零编码进行测试。 前提是你得有Web UI自动化的投入。Web UI自动化可以发现一些功能上的问题,但对于多浏览器页面布局方面的差异,通过它是很难发现的。
五、Fight Layout Bugs
你可以写一些自动化脚本来检查页面在不同浏览器下渲染效果。Fighting Layout bugs是一个开源的工具,可以用来检查页面布局方面的bug
六、手工测试
你可以手工测试所有的浏览器版本,为了避免混淆,你可以将不同的浏览器安装在不同的虚拟机上(uedde的确这这样做的),当有其他人需要用是,可以直接克隆这些虚拟机,或则直接访问这些虚拟机。但这太耗时,费力了,但还是有必要做一次这样的多浏览器手工测试的。
七、分类
你可以依据内核来划分浏览器。
chrome & safari使用的是webkit内核,Firefox则是Gecko, IE系列的是Trident内核,Opera使用Presto内核。最新的Opera好像也开始使用webkit内核了。
这样你就可以认为,如果在chrome上没有问题,那么“理应”在safari也应该没问题。
八、模拟
市面上有一些工具可以模拟不同的浏览器,有一些浏览器也附带了工具来兼容老版本。但使用这些工具是要谨慎,这样的模拟并不一定准确。慎重。
九、outsource selenium
如果你没有条件搭建selenium grid测试环境,你可以尝试着使用Sauce Labs 和 testingbot 这样的服务。
多浏览器的支持我们心中永远的痛,特别是如今浏览器更新如此频繁的状况下。哎~ 你可以选择上面的适合你的方法。
PS:有些浏览器有兼容模式,可以通过兼容模式来模拟老版本。有些浏览器,如chrome,提供了开发者工具可以帮着定位问题。
学习资源分享
最后感谢每一个认真阅读我文章的人,看着粉丝一路的上涨和关注,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走
这些资料,对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!凡事要趁早,特别是技术行业,一定要提升技术功底。希望对大家有所帮助…….
-
浏览器兼容性测试-PHONE
2021-03-23 15:14:371为什么要有兼容性测试:比web浏览器还恐怖的手机浏览器 对于web网站,一般来说,目前我们需要兼容的是 1个操作系统(windows)X3种浏览器(ie6、ie7、firefox)=3种情况 要求高一点的web网站需要兼容的是 1个... -
论文研究-一种Web应用跨浏览器兼容性测试方法.pdf
2019-09-16 11:12:43提出一种结合DOM(Document Object Model)结构分析和页面元素(Screen Element)的计算机视觉分析方法,实现Web应用的跨浏览器兼容性测试XBCT(Cross-Browser Compatibility Testing),和现有的测试方法比较,实验... -
浏览器兼容性测试
2020-04-13 14:57:33浏览器相关兼容性测试时的测试要点: 测试Web页面在不同浏览器的界面是否一致: a)界面是否正常加载; b)界面的CSS样式是否显示完全; c)文字图片的统一性; d)排版是否整齐一致; e)数据是否正确; f...浏览器相关兼容性测试时的测试要点:
-
测试Web页面在不同浏览器的界面是否一致:
a)界面是否正常加载;
b)界面的CSS样式是否显示完全;
c)文字图片的统一性;
d)排版是否整齐一致;
e)数据是否正确;
f)特效是否正常显示等;
-
测试web页面在不同浏览器的易用性(易于使用)是否一致和正常:
a)界面中的所有控件是否能正常显示和使用;
b)提示信息是否正常和完整;
c)在不同分辨率下界面是否友好和正常显示;
d)窗口的最大化和最小化 是否能正常显示等;
-
测试web页面在不同浏览器的功能是否正常运转:
a)登录注册功能,搜索功能,导航功能,添加修改删除功能,导入导出功能;
b)上传下载图片功能,下载文件功能;
c)地图功能,视频播放功能,音频播放功能;
d)系统数据计算功能,链接跳转功能;
-
测试web页面在不同浏览器一些键位是否能正确运作:
a)返回键;
b)回车键;
c)刷新键;
d)空格键;
e)快捷键等;
-
测试web页面在不同浏览器性能方面是否正常和一致:
a)连接速度是否一致;
b)在同一环境下的,压力和负载测试的结果是否一致等;
-
测试web页面在不同浏览器安全性方面是否正常和一致:
a)数据传输是否加密;
b)是否加密形式储存等。
结合以上3个因素,做浏览器兼容性测试时,主要会用以下浏览器进行测试:
chrome、Firefox、Safari、IE7、IE8、IE9、IE11、搜狗、QQ、2345浏览器
PS:可以依据内核来测试浏览器
chrome & safari使用的是webkit内核,Firefox则是Gecko, IE系列的是Trident内核,Opera使用Presto内核。最新的Opera好像也开始使用webkit内核了。
作者:赵客缦胡缨v吴钩霜雪明
链接:https://www.jianshu.com/p/93cec6397e28
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
作者:赵客缦胡缨v吴钩霜雪明
链接:https://www.jianshu.com/p/93cec6397e28
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 -
-
web端的兼容性测试
2022-03-21 14:20:03Web兼容性测试类型主要有:操作系统,浏览器,分辨率和网速方面兼容性测试 兼容性测试是指待测试项目在特定的硬件平台上,不同的应用软件之间,不同的操作系统平台上,在不同的网络等环境中能正常的运行的测试。 ... -
webaudio-compatibility:Web Audio API浏览器兼容性测试
2021-05-15 04:18:34Web Audio API浏览器兼容性测试。 用于测试不同浏览器的Web Audio API的库和应用程序。 包括一个简单的html报告程序,以及将结果发送到browserscope的选项。 实时应用程序(请访问它以添加有关您的浏览器的统计... -
IE系列浏览器兼容性测试点整理
2021-03-23 11:41:22在web项目进行浏览器兼容性测试,论坑最多的,非IE系列浏览器莫属,且IE8是我们组开发的心中的痛,一提到有兼容性bug,第一反应:是不是IE的?卧槽,又是IE8! 由于项目产品需要,管理后台和官网等web项目都需要兼容... -
8 款浏览器兼容性测试工具,看你了解几个?
2022-05-07 18:49:27如何进行高效的浏览器兼容性测试,对于前端开发人员还是测试工程师来说,都算得上一个头疼的问题。 为此,我们可以在多台计算机或者多台虚拟机上部署不同浏览器进行测试,但这种方法会造成一定的资源浪费、或存在... -
几款浏览器兼容性测试工具
2018-03-05 18:17:03IETester这是我最先用的测试浏览器兼容性的工具,想必也是大家用的最多的一个,IETester是一个免费的Web浏览器调试工具,可以模拟出不同的js引擎来帮助程序员设计效果统一的代码。IETester可以在独立的标签页中开启IE... -
浏览器兼容性测试及常见问题
2022-03-23 20:14:172.软件+软件之间的兼容性:依赖第三方的软件、web 应用浏览器兼容性; 3.不同软件版本之间的兼容:APP 升级,注意老用户和老数据。 二、兼容性测试策略 1.主要是页面的格式、字体、输入框、下拉框、复选框、... -
8 款浏览器兼容性测试工具介绍,需要的赶紧收藏吧
2021-12-08 14:22:06如何进行高效的浏览器兼容性测试,对于前端开发人员还是测试工程师来说,都算得上一个头疼的问题。 为此,我们可以在多台计算机或者多台虚拟机上部署不同浏览器进行测试,但这种方法会造成一定的资源浪费、或存在... -
web浏览器兼容性测试
2012-05-16 11:23:41对于web测试,经常需要针对不同浏览器做兼容性测试,如IE,Firefox等,如果单纯的手工测试,比较耗时, 这里推荐一个不错的兼容性测试工具browsershots,无需安装或者注册就能使用。 网址http://browsershots.org/... -
web端怎么做兼容性测试
2020-11-18 21:54:081、浏览器的兼容性测试 a、内核角度 Tridnt内核:代表作IE、腾讯、遨游、世界之窗等 Gecko内核:代表作Firefox webkit内核:代表作Safari、Chrome Presto内核:代表作Opera Presto是由Opera Software... -
Web测试兼容性
2021-03-23 14:16:06随时操作系统,浏览器越来越多样性,导致软件兼容性测试... Web兼容性测试大致有如下几个分类: 1.操作系统/平台兼容: 常见的操作系统有windows、unix、linux等,对于普通用户来讲,最常用的是Windows操作系统。W -
浏览器兼容性测试工具
2018-05-28 20:42:04一、浏览器兼容性测试工具 1.0、IETester【免费·exe】 这是我最先用的测试浏览器兼容性的工具,想必也是大家用的最多的一个,IETester是一个免费的Web浏览器调试工具,可以模拟出不同的js引擎来帮助程序员设计效果... -
Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案
2020-09-22 12:05:40Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案 -
web的兼容性测试主要测什么?
2022-04-01 17:28:291.测试web的兼容性,不是需要使用不同的浏览器,而是需要使用内核不相同的浏览器: 浏览器内核:1.1 Trident (IE浏览器) 1.2 Gecko(Firefox) 1.3 Blink(Chrome现在)? 1.4 Webkit(Chrome以前)。浏览器对应... -
浏览器兼容性测试怎么做?系统测试工具及方案推荐
2021-04-14 11:28:22浏览器兼容性测试怎么做?软件企业在开发软件产品的时候,不同的产品版本在不同浏览器版本上的适配性肯定有差异,难免要考虑到产品在不同设备上打开时的流畅度等因素。 而且市面上有这么多浏览器,比如IE、Firefox... -
6种优秀的浏览器兼容性测试工具
2020-06-11 17:02:08在许多谈及网站或Web应用开发的场合,开发人员最为关心的莫过于跨浏览器的兼容性问题,因为跨浏览器兼容性测试是Web应用或网站开发中最为关键的一个环节。今天小编就给大家介绍目前流行的、面向开发人员的6种浏览器... -
可以测试wordpress主题跨浏览器兼容性的6款工具(图文)
2021-01-21 13:59:21可能你的电脑上有你最常用的浏览器的最新版本,但是为了测试浏览器的兼容性,我们不得不将自己的wordpress主题放在不同的浏览器环境中进行测 试。传统上,你将不得不使用不同的操作系统、虚拟机或另一台计算机上安装... -
浏览器兼容性测试要测试哪些浏览器?(软件测试面试题,文尾附工具)
2019-09-29 16:22:08面试官:你说到有进行浏览器兼容性的测试,那么你是选择哪些浏览器进行测试,为什么这么选择呢? 我:选择市场份额较大的一些主流浏览器 面试官:不进行分类么? 我:尴尬而不失礼貌的微笑 赶紧补充了这个知识点,... -
Browsersandbox浏览器兼容性测试工具介绍
2022-02-24 11:20:55Browsersandbox浏览器兼容性测试工具介绍