H5界面的測(cè)試

一.業(yè)務(wù)邏輯

1、業(yè)務(wù)邏輯相關(guān)

除基本的功能測(cè)試之外,H5頁(yè)面的測(cè)試,需要關(guān)注以下幾點(diǎn):

1.1 登錄

目前H5與native各個(gè)客戶端都做了互通,所以大家在測(cè)試的時(shí)候要注意兩點(diǎn):

A、若客戶端已登錄,那么進(jìn)入H5后仍然是登錄狀態(tài)。

B、若客戶端未登錄,進(jìn)入H5,點(diǎn)擊對(duì)應(yīng)按鈕OR鏈接,如果需要登錄,須拉起native登錄。若取消登錄,是否可再次拉起登錄,或者停留在的頁(yè)面是否有對(duì)應(yīng)的登錄提示。

C、H5頁(yè)面嵌入到客戶端內(nèi)使用,若客戶端內(nèi)已經(jīng)登錄,進(jìn)入H5頁(yè)面,該頁(yè)面是否展示正常

1.2 翻頁(yè)

遇到翻頁(yè)加載的頁(yè)面,需要注意內(nèi)容為1頁(yè)或者多頁(yè)的情況。

A.數(shù)據(jù)只有一頁(yè)時(shí),加載數(shù)據(jù)翻頁(yè)頁(yè)面請(qǐng)求數(shù)據(jù)是否正常

B.數(shù)據(jù)>1頁(yè)時(shí),加載數(shù)據(jù)翻頁(yè)頁(yè)面請(qǐng)求數(shù)據(jù)是否正常

C.數(shù)據(jù)請(qǐng)求翻頁(yè)loading時(shí),向下刷新頁(yè)面,頁(yè)面數(shù)據(jù)請(qǐng)求是否正常

1.3 刷新與返回

A、下拉刷新是否仍然處于當(dāng)前頁(yè)面,數(shù)據(jù)是否正常顯示。

B、用戶主動(dòng)點(diǎn)擊刷新按鈕是否仍然處于當(dāng)前頁(yè)面。

C、系統(tǒng)自動(dòng)刷新,頁(yè)面是否還處于當(dāng)前頁(yè);頁(yè)面數(shù)據(jù)是否正常展示

D、點(diǎn)擊返回與back鍵,回退頁(yè)面是否是期望頁(yè)面

E、點(diǎn)擊Android自帶的物理鍵返回按鈕,頁(yè)面是否正常返回到期望頁(yè)面

F、點(diǎn)擊一些設(shè)計(jì)的返回按鈕,頁(yè)面是否正常返回到期望頁(yè)面

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

A.接口返回?cái)?shù)據(jù)為空時(shí),頁(yè)面是否展示正常

B.頁(yè)面某個(gè)數(shù)據(jù)為空時(shí),頁(yè)面是否展示正常

C.頁(yè)面某功能返回鏈接為空,點(diǎn)擊該功能區(qū)域是否會(huì)跳轉(zhuǎn)

1.5. 其他異常處理

A.頁(yè)面session與cookie值過(guò)期時(shí),是否會(huì)重新跳轉(zhuǎn)到登錄頁(yè)面

B.頁(yè)面session與cookie值過(guò)期時(shí),頁(yè)面展示是否正常

1.6.H5第三方體驗(yàn)環(huán)境

a. 微信內(nèi)體驗(yàn),頁(yè)面功能是否能夠正常使用,支付相關(guān)是否正常調(diào)用

b. QQ內(nèi)體驗(yàn),頁(yè)面功能是否能夠正常使用,支付、分享、頁(yè)面展示是否正常

c. 微博內(nèi),頁(yè)面功能是否能夠正常使用,支付、分享、各個(gè)功能是否正常使用

d. 普通瀏覽器內(nèi),頁(yè)面功能是否正常使用,支付、分享、各個(gè)功能是否正常使用

1.7.H5頁(yè)面適配

a. iPhone手機(jī)、iPhone5、iPhone6等各個(gè)手機(jī)系統(tǒng),H5頁(yè)面功能是否展示正常

b. Android 市場(chǎng)流行機(jī)型、系統(tǒng),H5頁(yè)面功能是否展示正常

c. 分辨率不同的手機(jī),H5頁(yè)面功能是否展示正常

d.不同瀏覽器,H5頁(yè)面功能是否展示正常

H5的適配其實(shí)比客戶端的相對(duì)來(lái)說(shuō),要少一些,手機(jī)品牌之間的差異不大,所以不用太多關(guān)注,最容易出現(xiàn)問(wèn)題的系統(tǒng),這個(gè)要特別關(guān)注下:

A、大屏(如720*1280,重點(diǎn)關(guān)注頁(yè)面背景是否完全撐開頁(yè)面,刷新是否有抖動(dòng))、小屏手機(jī)(如320*480,重點(diǎn)關(guān)注下彈框樣式和文案折行)

B、android4.X隨機(jī)找一個(gè)即可。

C、ios9、ios8、ios7。

1.8.網(wǎng)絡(luò)問(wèn)題

???a.WiFI下頁(yè)面展示,是否正常

b.4G、3G等情況下,頁(yè)面是否展示正常

c.數(shù)據(jù)無(wú)網(wǎng)絡(luò)到有網(wǎng)絡(luò),?頁(yè)面點(diǎn)擊后是?否會(huì)自動(dòng)加載數(shù)據(jù)


1.9 mtop接口返回處理

發(fā)現(xiàn)這個(gè)出現(xiàn)問(wèn)題的地方有很多,但是只要有意識(shí)的去處理,就很容易避免,主要是以下幾種情況:

A、請(qǐng)求成功,且返回有數(shù)據(jù),測(cè)試mtop接口返回?cái)?shù)據(jù)的各種場(chǎng)景。

B、請(qǐng)求成功,但data內(nèi)容為空。

C、請(qǐng)求接口異常,出現(xiàn)ERR_SID_INVALID::SESSION過(guò)期,拉起登錄。

D、請(qǐng)求接口發(fā)生除C中提到的異常之外的異常,通??蓺w結(jié)為一類進(jìn)行處理。

二、安全相關(guān)

2.1 明確投放渠道都有哪些

如獨(dú)客、主客、wap,是否對(duì)未投放渠道做了限制,直接通過(guò)url請(qǐng)求是否攔截等

2.2 評(píng)估是否需要接入集團(tuán)安全,如mtee黑白名單等。

2.3 是否需要接入支付寶實(shí)名認(rèn)證

涉及到金錢相關(guān),如天貓積分,紅包等,為了防刷,一般都需要判斷是否支付寶實(shí)名認(rèn)證。

三、體驗(yàn)相關(guān)

3.1 資源相關(guān)

A、頁(yè)面中有圖片的話,淘寶那邊建議圖片一般不大于50kb,本著一個(gè)原則,盡量縮小圖片。圖片適配(高端機(jī)取雙倍尺寸的圖)

B、資源是否壓縮、是否通過(guò)CDN加載。

C、如何保證二次發(fā)布后有效更新。

3.2 流量

A、對(duì)于一些不會(huì)變化的圖片,如游戲動(dòng)畫效果相關(guān)圖片,不需要每次都請(qǐng)求的東西,做本地緩存。

B、數(shù)據(jù)較多時(shí)是否做了分頁(yè)加載。

3.3 頁(yè)面展現(xiàn)時(shí)間

A、關(guān)注頁(yè)面首屏加載時(shí)間。

3.4 頁(yè)面提示

A、弱網(wǎng)絡(luò)下,數(shù)據(jù)加載較慢,是否有對(duì)應(yīng)的loading提示。

B、接口獲取異常時(shí),提示是否友好。

C、刷新頁(yè)面或者加載新內(nèi)容時(shí)頁(yè)面是否有抖動(dòng)。

3.5 手機(jī)操作相關(guān)

A、鎖屏之后展示頁(yè)面。

B、回退到后臺(tái)之后,重新呼出在前臺(tái)展示。

四、埋點(diǎn)數(shù)據(jù)檢查

與BI、前端同學(xué)一起確認(rèn)埋點(diǎn)情況。

細(xì)節(jié)點(diǎn):

1.屏幕切換(橫豎切換)

2.頁(yè)面請(qǐng)求驗(yàn)證:是否有多余的請(qǐng)求及多余的數(shù)據(jù)。盡量精簡(jiǎn),否則浪費(fèi)流量

3.滑動(dòng),定位是否ok

4.文字的長(zhǎng)度是否根據(jù)屏幕自適應(yīng)

5.交互,比如彈出層的點(diǎn)擊是否會(huì)穿透,影響別的頁(yè)面

6.對(duì)于浮層,拖動(dòng)后是否留白,拖動(dòng)是否可以看到它下面的頁(yè)面

7.清緩存

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容