新手区 浏览器兼容性测试——小经验分享

碎片 · May 10, 2018 · Last by 碎片 replied at May 24, 2018 · 10495 hits

测试新人经手过一些涉及浏览器兼容的项目,其中可复用的经验和实用工具记录如下:

一、PC端浏览器兼容性测试工具Browser Sandbox

(现需付费才可使用)

你的电脑上有IE9/10/11/Chrome、FireFox、Safari、Opera吗?你还在为找不到对应版本的浏览器来测试或者调试代码而苦恼吗?

Browser Sandbox 你值得拥有!

  • 它是个Chrome插件
  • 基于虚拟机技术,通过在浏览器下安装插件的方式来运行不同浏览器模块,可同时运行IE、Chrome、FireFox、Safari、Opera的多个版本
  • 使用方法: 进入官网,点击任何一个RUN按钮,进行账号注册,登录以后就可以下载安装,安装之后,alt+window打开;想用什么浏览器就点run,选择下载到桌面;下载完成后点击就可以运行对应的浏览器。使用中亦可进入个人设置主页查看已下载的浏览器版本类型,进入多浏览器选择选择需要测试的浏览器类型和版本。

推荐理由:

  • 解决以下困境:原本一台计算机的本地安装支持的浏览器种类有限而且通常只能安装一个版本的产品,有局限性;如果用一台专门的服务器,通过配置本机没有的浏览器、远程来解决该局限性,在不测试时会造成资源闲置、浪费;如果通过vmware虚拟机配置多浏览器环境,测试时经常面临卡顿局面。
  • 可以测试指定的多种浏览器,而不用实际安装它,只是装个插件就可以了,方便、快捷、不卡。

小故事:
开发A:“你的电脑上有IE9吗?”
测试B:“推荐你个浏览器兼容性测试工具Browser Sandbox”
开发A:“这种工具不靠谱吧,还是你远程借我解个bug吧”
测试B(用Browser Sandbox打开“IE9”):“嗯 你远程吧”
开发A 通过远程 愉快地使用“IE9”调试程序解bug
这个故事告诉我们 皮这一下很开心 不是啦 其实是想说 试一下吧 真的挺好用的

运行截图:

2.png
3.png

二、线上响应式设计网站效果验证工具网站

安利指数 ★★☆☆☆

  • 在线移动手机页面测试网ResponsInator:提供了iphone,android,ipad,kindle及其多种设备上的预览效果。缺点是效果和真实的有些差距、提供的设备类型很有限。类似的还有Screenfly,可以选择手机、平板、PC或者TV,也可以输入自定义的大小、选择屏幕几寸等,但同样设备展示效果有限
  • respondpx:能让你自定义要显示的尺寸长宽px值,可以测试网页在不同尺寸的显示器上所呈现的效果。功能简单、但却很方便实用。类似的还有responsive,但仅提供常用的分辨率。

三、移动端浏览器兼容性测试

对于移动端的浏览器项目,我们测试时需要考虑哪些,网页需要适配哪些东西?
测试点总结如下:

1、分辨率、屏幕大小:

  • 需和设计师、开发讨论需要兼容的分辨率和屏幕大小范围;
  • 需确认iphone4、iPhone X 这些比较特殊的机型是否需要兼容;
  • 可以参考用户统计数据来确认兼容范围,比如友盟数据中的top10机型、主流分辨率; ps: 安卓常见的分辨率: 2560 x 1440、1920 x 1080、1280 x 720、(新增2960x1440、2040x1080) ios常见的机型对应的分辨率: 4 4s 960*640、 5 5c 5s se 1136*640、 6 6s、 7 8 1334*750、 6+ 6s+ 7+ 8+ 1920*1080、 新增iPhone X 2436×1125 更详细的机型分辨率请查看——>手机屏幕尺寸对应表

2、浏览器类型:
(1)手机自带的系统浏览器:oppo、vivo、华为、小米、safri
(2)主流浏览器应用:google、QQ、UC、火狐、猎豹、360

3、其他:
(1)从微信手机端、电脑端打开
(2)iPad等其他移动设备是否需要兼容

关于浏览器兼容性测试,您有什么亲测有效的测试方法和工具吗?新人求赐教

共收到 12 条回复 时间 点赞

不止浏览器还有office版本咋办

可以用阿里的F2etest进行浏览器兼容性测试,这个还比较好用

回复

f2etest要求windows server机器,而且一个机器只能部署一个IE浏览器,只不过能让多个用户同时操作,成本太高了,我搭过这个

这个东西是收费的吧?

是这样的,不过他那个可以在其他服务器上安装第三方浏览器,你这个之前能够真实模拟不同浏览器的l的操作吗

收费的 不好

有没有免费pc web的 浏览器兼容性解决方案,比如输入一个url 跳出n种浏览器的结果

碎片 #8 · May 10, 2018 作者
simple 回复

run on my machine方式是免费的,只需注册登录账号就能用(选择run in cloud才需要收费但没必要其实)。
具体安装使用操作见下文
https://blog.csdn.net/julielele/article/details/78369456 (浏览器兼容性工具 Spoon Browser Sandbox - CSDN博客)

9Floor has been deleted

现在测不同浏览器,都是逐个逐个去测试的,请问浏览器兼容性测试有没有更高效率的?例如我同时打开IE、谷歌、360之类的浏览器,我只需要操作一下,各浏览器都能全部同步该操作的结果。这样的话,我们就可以减少繁琐的重复性测试工作

碎片 回复

点击RUN,底下各种JS错误。。。

碎片 #12 · May 24, 2018 作者
simple 回复

在这文章发布后的几天后,该工具已开始收费,之前一年多的免费体验啊。我现在安装到本地的exe也提示收费才可用了。尴尬.jpg

碎片 关闭了讨论 24 May 10:07
需要 Sign In 后方可回复, 如果你还没有账号请点击这里 Sign Up