H5移动端便捷兼容测试方式

一、准备：

1、谷歌浏览器。

2、H链接。

3、主流设备分辨率、尺寸。

二、步骤：

1、打开F12，选择手机模式。

2、看顶部设备信息，点击，县级弹窗最底部的edit进入编辑模式。

3、添加想要测试的设备，设备的宽高需要按照手机的分辨率和像素值计算，以iPhone XS max为例子。

分辨率：2688x1242

像素密度：458 ppi   ——>官网或者百度搜索

计算出设备像素比=458/160(固定值)=2.8625，保留两位小数即可=2.86

设备宽=1242/2.86=434

设备长=2688/2.86=939

等比缩小就是434x939 ，以下是我添加的主动最新测试设备信息。

4、这样在测试过程中就可以快速检查H5的设备UI兼容问题

还有一个办法比较快，就是直接展示出尺寸线，直接通过鼠标缩放来查看页面的兼容问题，选择第三个选项【rulers】。

行动吧，在路上总比一直观望的要好，未来的你肯定会感谢现在拼搏的自己！如果想学习提升找不到资料，没人答疑解惑时，请及时加入群： 786229024，里面有各种测试开发资料和技术可以一起交流哦。

最后： 下方这份完整的软件测试视频教程已经整理上传完成，需要的朋友们可以自行领取【保证100%免费】

软件测试面试文档

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。