tft每日頭條

 > 生活

 > h5開發要點

h5開發要點

生活 更新时间:2024-07-31 12:17:39

對于即将上線的H5頁面,除了測試基本功能外,我們還需要對哪些關鍵點進行測試呢?以便上線後的H5頁面功能正常、用戶體驗良好。本文将告訴你答案。

h5開發要點(詳解H5頁面測試要點)1

一、功能邏輯

除基本功能測試外,需要關注的一些測試點:

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. 頁面文本框輸入數據過多時,是否會正常展示

本文由 @彭青梅 原創發布于人人都是産品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CCO協議。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved