1、前言
在实际的项目中,我们往往进行兼容性测试时,都会拿很多的终端设备进行测试,尤其是要测的web页面。很多时候其实功能都可以实现,但是不同的终端,界面的样式也会存在不同的差异,可能就会存在兼容性的问题。
本篇将介绍一款web开发工具,即也是一款兼容性测试工具 - Responsively App。
2、简介
Responsively App - 一种改进的web浏览器,有助于响应式web开发。web开发人员必备拥有的开发工具。对于测试人员来说,可以使用它进行兼容性测试。
功能特性:
1、所有设备上的镜像用户交互。
2、可自定义预览布局,以满足您的所有需求。
3、一个方便的元素检查器,用于预览中的所有设备。
4、30多种内置设备配置文件,可选择添加自定义设备。
5、一键截图您的所有设备。
6、开发人员支持热重新加载。
官网地址:
https://responsively.app/
3、快速上手
下载软件后进行默认安装即可。
如图所示:打开软件,访问一个网站,根据作者的系统,默认模拟了 iPhone 12 Pro、iPad、MacBook Pro 三个设备,同时还显示页面分辨率,此时就可以对web页面进行兼容性测试了。
可切换视角来显示每个设备的样式。
每个页面都可以进行实时操作。
添加指定的设备或者自定义设备。
又添加了2台模拟设备。
一键拍照截图(支持所有设备),保存在本地。
打开截图,可以看到支持截长图。
总结:
感谢每一个认真阅读我文章的人!!!
作为一位过来人也是希望大家少走一些弯路,如果你不想再体验一次学习时找不到资料,没人解答问题,坚持几天便放弃的感受的话,在这里我给大家分享一些自动化测试的学习资源,希望能给你前进的路上带来帮助。
软件测试面试文档
我们学习必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有字节大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。
视频文档获取方式:
这份文档和视频资料,对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!以上均可以分享,点下方小卡片即可自行领取。