H5测试全攻略：要点解析

H5测试要点

H5:"html5",所谓“HTML5”,是指“HTML”的第5个版本，而html,是超文本标记语言，它是一门描述网页的标准语言。html5是一种高级的网面技术。包括html,css和javascript在内的一套技术组合。所以，H5可以理解为是一个网页。

功能测试

基本的功能测试就和APP测试一样的。另外关注：登录，翻页，刷新，返回，手机操作。

登录：目前H5与native各个客户端都做了互通，所以大家在测试的时候要注意两点：

a 若客户端已登录，那么进入H5后仍然是登录状态。b 若客户端未登录，进入H5,点击对应按键OR链接。如果需要登录，须拉起native登录；若取消登录，是否可再次拉起登录，或者停留在的页面是否有对应的登录提示。

翻页：遇到翻页加载的页面，需要注意内容为1页或者多页的情况。数据分页加载时，注意后续页面请求数据的正确。这个需要注意在快速操作场景中，请求页数是不是依次递增，快速操作。刷新与返回：刷新与返回页面刷新是否仍然处于当前页面；刷新页面或者加载新内容时页面是否有抖动；用户主动点刷新按钮是否仍然处于当前页面；点击返回与back键，回退页面是否是期望页面。手机操作：弹窗出现/关闭手机关注交互是否友好；比如弹出层的点击，是否会穿透影响到下面的页面。手机锁屏之后展示页面；退到后台，再重新呼出在前台展示。

UI页面测试

H5的页面测试和APP的界面测试一样，确保产品UI符合产品经理制定的原型图与UI设计效果图/切图一致关注页面展示元素，如菜单、对话框、窗口和其他可视控件的布局、风格，文字是否正确。页面是否美观，页面交互操作是否友好。操作是否设计频繁，是否易操作。

兼容性测试

浏览器兼容

1 考虑手机主流浏览器，例QQ,UC,百度2 考虑PC端主流浏览器，例如IE,Chrome,Firefox;3 android跟ios自带浏览器

系统兼容

覆盖android跟ios最新的试用版和当前流行的主要版本

屏幕兼容

兼容不同的屏幕大小。包括横竖屏的适配。

接口测试

h5接口测试，调用的是后台的接口，所以和平时的接口测试是一样的。

安全测试

网络测试

性能测试

服务器性能测试==接口性能客户端性能测试

加载速度：页面的首屏时间，白屏时间，有缓存/无缓存的加载时间。资源占用：CPU，流量，电量，内存等的占用。

关注页面中有图片的话，尽量缩小图片；资源是否压缩，是否通过CDN加载；对于一些不会变化的图片，不需每次都请求的东西，做本地缓存。数据较多时是否做了分页加载处理。反复访问，检查是否占用大量内存。