兼容性测试-Responsively App

在实际的项目中，我们往往进行兼容性测试时，都会拿很多的终端设备进行测试，尤其是要测的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台模拟设备。

一键拍照截图（支持所有设备），保存在本地。

打开截图，可以看到支持截长图。