154个Bug！

持续测试了一个月的H5项目，终于迎来了上线日，在测试H5的过程中，遇到了一些坑，积累了些许经验，想着分享一下，希望对大家有所启发。

主要从以下一个方面展开：

一、项目背景

二、测试环境准备

三、Bug分类汇总

一、项目背景

该项目之前是只有Web端，后来出于业务需求，就安排了H5版本，在内部沟通工具IM中，开了一个入口，供内部人员使用。

二、测试环境准备

1、下载安装包

开发同学会提供一个下载安装包的地址，安卓和IOS各一个，在对应的手机上安装即可。

2、切换测试环境

由于项目是嵌入在内部IM的，可以直接摇一摇，就能切换切换正式/测试环境（最开始测试时，是一个环境对应一个安装包，例如测试环境对应一个安装包，正式环境对应另一个安装包，切换环境略繁琐）。

3、调试

1）点击屏幕三次，可以在H5页面看到调试图标Vconsole

这是开发同学在做H5页面时，加的一个第三方调试工具 ，便于查看接口请求和返回信息。

2）在电脑的浏览器中通过F12查看

直接在浏览中打开快捷登录方式的链接，按F12，点击toggle device toolbar（切换设备工具栏），就可以看到手机上H5页面的效果了，还可以在页面上方的Dimensions切换手机机型，例如iPhone XR，iPhone SE等等。