在接入客户端测试之前，我们可以先使用谷歌浏览器自带的开发者工具来进行测试，效果是一样的，将H5链接放到浏览器中，打开开发者工具，我们就能看到所有接口和页面的显示。这个测试工具还可以用来做兼容性测试，在页面左上角可调出，可以选择手机、分辨率等，内置的设备还有很多可以编辑，这一点上降低了我们手工去测试兼容性关于机型的测试。
H5页面的测试点一般有：
基本业务功能测试，包括登录、刷新、回退、前进、翻页和业务逻辑。其中，登录方面，客户端已登录，那么进入H5后仍是登录状态；若客户端未登录，进入H5，点击对应链接，如果需要登录则需要拉起native登录。下拉刷新是否仍然处于当前页面 ；用户主动点击刷新按钮是否仍然处于当前页面 ；点击返回与back键，回退页面是否是期望页面 ；翻页加载情况；进入后台后，重新调出，性能方面，和操作体验相关的测试，包括流量、页面加载时间、弱网络环境和服务端的压测。流量测试方面，对于某些资源是否要做缓存或压缩；弱网络下，数据加载较慢，是否有对应的loading提示；刷新页面或者加载新内容时页面是否有抖动，安全方面，包括恶意攻击、权限认证、脱敏处理和直接url打开等，接口测试方面，包括功能、安全、性能，兼容性方面，包括浏览器兼容、系统版本兼容、分辨率兼容等方面。一个APP中既使用原生UI，又使用H5，是为了满足不同的需求及用户体验。使用原生UI可以应对流畅性体验要求较高的场景和UI样式相对固定，不会频繁变化的页面。使用H5页面可以满足较强的动态运营需求，UI样式频繁变化，满足多平台复用。
1、App与HTML5对接部分需要加密传输；
2、App头部的点击后返回的是前一个页面还是退回app主界面，需要注意；
3、从App各个入口进入HTML5界面都是免登录，各入口登录、登出正常；
4、在各个机型中，屏幕较小和较大的机器会出现不能全部显示或者部分空白的情况。
5、长时间不操作HTML5或者App测试，需要重新登录，或者需要重新输入密码；
6、屏幕较小手机提交参数的确认页面，由于字数较多会出现换行的情况，需要做适配。
推荐阅读：
sales@spasvo.com
