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加载；
      • 对于一些不会变化的图片，不需每次都请求的东西，做本地缓存。
      • 数据较多时是否做了分页加载处理。
      • 反复访问，检查是否占用大量内存。