對于即將上線的H5頁面，除了測試基本功能外，我們還需要對哪些關(guān)鍵點進行測試呢？以便上線后的H5頁面功能正常、用戶體驗良好。H5頁面上線前如何進行測試？ 以下為H5測試方法整理：

一、功能邏輯

除基本功能測試外，需要關(guān)注的一些測試點：

1. 登錄

1.1 H5頁面嵌入到客戶端內(nèi)使用，若客戶端已經(jīng)登錄，進入H5頁面應(yīng)是登錄狀態(tài)，頁面內(nèi)容正常顯示

1.2 H5頁面嵌入到客戶端內(nèi)使用，若客戶端無登錄，如果該頁面需要登錄，是否能夠跳轉(zhuǎn)到客戶端登錄頁面。若取消登錄后，再次登錄是否能夠正常的再次跳轉(zhuǎn)到登錄頁

2. 下拉刷新

2.1 下拉刷新后，頁面是否還在當(dāng)前頁

2.2 下拉刷新后，頁面數(shù)據(jù)是否正常展示

2.3 用戶主動點擊下拉刷新，頁面是否還處于當(dāng)前頁；頁面數(shù)據(jù)是否正常展示

2.4 系統(tǒng)自動刷新，頁面是否還處于當(dāng)前頁；頁面數(shù)據(jù)是否正常展示

3. 翻頁

3.1 數(shù)據(jù)只有一頁時，加載數(shù)據(jù)翻頁頁面請求數(shù)據(jù)是否正常

3.2 數(shù)據(jù)＞1頁時，加載數(shù)據(jù)翻頁頁面請求數(shù)據(jù)是否正常

3.3 數(shù)據(jù)請求翻頁loading時，向下刷新頁面，頁面數(shù)據(jù)請求是否正確

4. 返回

4.1 點擊頁面下方返回按鈕，頁面是否正常返回到期望頁面

4.2 點擊Android只帶的物理鍵返回按鈕，頁面是否正常返回到期望頁面

4.3 點擊一些設(shè)計的返回按鈕，頁面是否正常返回到期望頁面

5. 數(shù)據(jù)為空處理

5.1 接口返回數(shù)據(jù)為空時，頁面是否展示正常

5.2 頁面某個數(shù)據(jù)為空時，頁面是否展示正常

5.3 頁面某功能返回鏈接為空，點擊該功能區(qū)域是否會跳轉(zhuǎn)

6. 其他異常處理

6.1 頁面session與cookie值過期時，是否會重新跳轉(zhuǎn)到登錄頁面

6.2 頁面session與cookie值過期時，頁面展示是否正常

二、H5對接第三方時的狀況

1. 微信內(nèi)體驗，頁面功能是否能夠正常使用，支付相關(guān)是否正常調(diào)用
2. QQ內(nèi)體驗，頁面功能是否能夠正常使用，支付、分享、頁面展示是否正常
3. 微博內(nèi)，頁面功能是否能夠正常使用，支付、分享、各個功能是否正常使用
4. 普通瀏覽器內(nèi)，頁面功能是否正常使用，支付、分享、各個功能是否正常使用

三、H5頁面適配

1. iPhone手機、iPhone5、iPhone6等各個手機系統(tǒng)，H5頁面功能是否展示正常
2. Android 市場流行機型、系統(tǒng)，H5頁面功能是否展示正常
3. 分辨率不同的手機，H5頁面功能是否展示正常
4. 不同瀏覽器，H5頁面功能是否展示正常

四、網(wǎng)絡(luò)問題

1. WiFI下頁面展示，是否正常
2. 4G、3G等情況下，頁面是否展示正常
3. 數(shù)據(jù)無網(wǎng)絡(luò)到有網(wǎng)絡(luò)，頁面點擊后是否會自動加載數(shù)據(jù)
4. 弱網(wǎng)絡(luò)的顯示，loading
5. 無網(wǎng)絡(luò)時的狀況

五、體驗相關(guān)

1. 頁面請求時，是否會給出loading效果
2. 頁面請求失敗時，是否會給出友好提示
3. 頁面刷新時，頁面是否會出現(xiàn)抖動現(xiàn)象
4. 頁面文本框輸入數(shù)據(jù)過多時，是否會正常展示

關(guān)于我們：

Infocode藍暢信息技術(shù)有限公司成功為多家世界財富500強企業(yè)以及其他著名品牌提供優(yōu)質(zhì)服務(wù)，是您靠譜的互聯(lián)網(wǎng)開發(fā)供應(yīng)商。

服務(wù)客戶遍及北京、上海、杭州、深圳、廣州、天津、青島、南京、寧波、蘇州、無錫、廈門、重慶、西安等大中型城市及地區(qū) ? ?為您提供：H5開發(fā)，小程序開發(fā)，H5外包，微信開發(fā)，H5商城開發(fā)，小程序商城開發(fā)，網(wǎng)站開發(fā)外包，H5游戲開發(fā)，小程序開發(fā)外包，小程序設(shè)計、APP開發(fā)外包，UI設(shè)計，SEO優(yōu)化，SEO外包，視頻后期制作等優(yōu)質(zhì)服務(wù)

姓名 *

請輸入姓名或昵稱

手機號 *

需要咨詢的內(nèi)容 驗證碼 手機號

需要咨詢的內(nèi)容 *

如果您有任何疑問、需要更多信息或希望與我們建立合作請留言

驗證碼 *

=

提交留言