H5测试方法:H5页面上线前如何进行测试?

对于即将上线的H5页面,除了测试基本功能外,我们还需要对哪些关键点进行测试呢?以便上线后的H5页面功能正常、用户体验良好。H5页面上线前如何进行测试? 以下为H5测试方法整理:

H5测试方法
H5测试方法

一、功能逻辑

除基本功能测试外,需要关注的一些测试点:

1. 登录

1.1 H5页面嵌入到客户端内使用,若客户端已经登录,进入H5页面应是登录状态,页面内容正常显示

1.2 H5页面嵌入到客户端内使用,若客户端无登录,如果该页面需要登录,是否能够跳转到客户端登录页面。若取消登录后,再次登录是否能够正常的再次跳转到登录页

2. 下拉刷新

2.1 下拉刷新后,页面是否还在当前页

2.2 下拉刷新后,页面数据是否正常展示

2.3 用户主动点击下拉刷新,页面是否还处于当前页;页面数据是否正常展示

2.4 系统自动刷新,页面是否还处于当前页;页面数据是否正常展示

3. 翻页

3.1 数据只有一页时,加载数据翻页页面请求数据是否正常

3.2 数据>1页时,加载数据翻页页面请求数据是否正常

3.3 数据请求翻页loading时,向下刷新页面,页面数据请求是否正确

4. 返回

4.1 点击页面下方返回按钮,页面是否正常返回到期望页面

4.2 点击Android只带的物理键返回按钮,页面是否正常返回到期望页面

4.3 点击一些设计的返回按钮,页面是否正常返回到期望页面

5. 数据为空处理

5.1 接口返回数据为空时,页面是否展示正常

5.2 页面某个数据为空时,页面是否展示正常

5.3 页面某功能返回链接为空,点击该功能区域是否会跳转

6. 其他异常处理

6.1 页面session与cookie值过期时,是否会重新跳转到登录页面

6.2 页面session与cookie值过期时,页面展示是否正常

二、H5对接第三方时的状况

  1. 微信内体验,页面功能是否能够正常使用,支付相关是否正常调用
  2. QQ内体验,页面功能是否能够正常使用,支付、分享、页面展示是否正常
  3. 微博内,页面功能是否能够正常使用,支付、分享、各个功能是否正常使用
  4. 普通浏览器内,页面功能是否正常使用,支付、分享、各个功能是否正常使用

三、H5页面适配

  1. iPhone手机、iPhone5、iPhone6等各个手机系统,H5页面功能是否展示正常
  2. Android 市场流行机型、系统,H5页面功能是否展示正常
  3. 分辨率不同的手机,H5页面功能是否展示正常
  4. 不同浏览器,H5页面功能是否展示正常

四、网络问题

  1. WiFI下页面展示,是否正常
  2. 4G、3G等情况下,页面是否展示正常
  3. 数据无网络到有网络,页面点击后是否会自动加载数据
  4. 弱网络的显示,loading
  5. 无网络时的状况

五、体验相关

  1. 页面请求时,是否会给出loading效果
  2. 页面请求失败时,是否会给出友好提示
  3. 页面刷新时,页面是否会出现抖动现象
  4. 页面文本框输入数据过多时,是否会正常展示

关于我们:

Infocode蓝畅信息技术有限公司成功为多家世界财富500强企业以及其他著名品牌提供优质服务,是您靠谱的互联网开发供应商。

服务客户遍及北京、上海、杭州、深圳、广州、天津、青岛、南京、宁波、苏州、无锡、厦门、重庆、西安等大中型城市及地区    为您提供:H5开发,小程序开发,H5外包,微信开发,H5商城开发,小程序商城开发,网站开发外包,H5游戏开发,小程序开发外包,小程序设计、APP开发外包,UI设计,SEO优化,SEO外包,视频后期制作等优质服务

影视类小程序开发主要的功能是什么?



您希望更多了解和咨询Infocode蓝畅信息技术的具体内容
=

本文来自网络,经授权后发布,本文观点不代表Infocode蓝畅信息技术立场,转载请联系原作者。

(1)
Infocode蓝畅Infocode蓝畅
上一篇 2020年7月29日 下午10:44
下一篇 2020年7月31日 下午5:24

相关文章内容推荐

  • h5为什么比api开发快

    H5(HTML5)和API(Application Programming Interface)都是开发应用程序的技术,但它们的应用场景和开发方式不同。H5是一种基于Web标准开发…

    2023年5月17日
    0383
  • 为什么选择h5开发定制

    随着移动互联网的快速发展,越来越多的企业开始重视移动端的用户体验。而H5技术作为一种移动端开发技术,已经成为了企业开发移动应用的首选技术。下面就详细说明一下选择H5开发定制的原因。…

    2023年5月14日
    0205
  • H5游戏开发公司:微信H5游戏营销的好处是什么?

    如今我们经常可以在微信朋友圈看到一些H5小游戏或者是活动,H5游戏开发其实是为了营销,企业通过H5小游戏或者是微信活动来推广产品,因为游戏是偏爱娱乐有趣的,大多数用户都会比较感兴趣…

    2021年2月25日
    0212
  • h5开发app为什么不火

    随着移动互联网的快速发展,移动应用开发已经成为了一种非常热门的行业,而h5开发app作为一种新兴的技术,却并没有像原本预期的那样火起来。那么,为什么h5开发app不火呢?本文将从技…

    2023年5月17日
    0291
  • html5 video全屏播放/自动播放的实现示例

    这篇文章主要介绍了html5 video全屏播放/自动播放的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习…

    2020年9月26日
    0311
  • 上海H5制作公司:常见H5制作类型有哪些?

    网络时代,人们的生活方式、消费方式都发生了巨大的变化。为了通过因特网吸引流量和品牌,企业必须关注自己的网站发展,因此H5网站制作越来越受到人们的欢迎。 专业的上海H5制作公司蓝畅信…

    2021年7月6日
    0224