html5測試需要注意什么

這篇文章主要介紹“html5測試需要注意什么”，在日常操作中，相信很多人在html5測試需要注意什么問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”html5測試需要注意什么”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

業(yè)務(wù)邏輯相關(guān) 
除基本的功能測試之外，H5頁面的測試，需要關(guān)注以下幾點：

1、登陸

目前H5與native各個客戶端都做了互通，所以大家在測試的時候要注意兩點：

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

B、若客戶端未登錄，進入H5，點擊對應按鈕OR鏈接，如果需要登錄，須拉起native登錄。若取消登錄，是否可再次拉起登錄，或者停留在的頁面是否有對應的登錄提示。

ps：本次測試過程中就發(fā)現(xiàn)，第一次點擊鏈接，可以拉起登錄，第二次卻不能。

2、翻頁

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

A、數(shù)據(jù)分頁加載時，注意后續(xù)頁面請求數(shù)據(jù)的正確。

ps：這個需要注意在快速操作場景中，請求頁數(shù)是不是依次遞增，快速操作（如第一頁尚未loading出來的時候仍然繼續(xù)上拉操作）時是否發(fā)出去對應的請求了。

3、刷新與返回

A、下拉刷新是否仍然處于當前頁面。

B、用戶主動點擊刷新按鈕是否仍然處于當前頁面。

C、點擊返回與back鍵，回退頁面是否是期望頁面

ps：本次測試過程中就發(fā)現(xiàn)，mtop接口請求成功，但是data內(nèi)無數(shù)據(jù)時，返回到的就是個空白頁面，無法正常發(fā)送請求。

4、 mtop接口返回處理

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

A、請求成功，且返回有數(shù)據(jù)，測試mtop接口返回數(shù)據(jù)的各種場景。

B、請求成功，但data內(nèi)容為空。

C、請求接口異常，出現(xiàn)ERR_SID_INVALID::SESSION過期，拉起登錄。

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

H5適配相關(guān)

H5的適配其實比客戶端的相對來說，要少一些，手機品牌之間的差異不大，所以不用太多關(guān)注，最容易出現(xiàn)問題的系統(tǒng)，這個要特別關(guān)注下：

A、大屏（如720*1280，重點關(guān)注頁面背景是否完全撐開頁面，刷新是否有抖動）、小屏手機（如320*480，重點關(guān)注下彈框樣式和文案折行）

B、android4.X隨機找一個即可。

C、ios9、ios8、ios7。

網(wǎng)絡(luò)相關(guān)

不同網(wǎng)絡(luò)類型測試

a)考慮2G\3G\4G\wifi網(wǎng)絡(luò)

b)考慮移動網(wǎng)絡(luò)2G\3G\4G基站的變化的影響

c)無連接、關(guān)閉連接狀態(tài)

d)弱網(wǎng)絡(luò)信號狀態(tài)

e)有網(wǎng)絡(luò)信號但網(wǎng)絡(luò)不可達狀態(tài)

測試注意點

a)從wifi切換到2G/3G網(wǎng)絡(luò)、從2G/3G網(wǎng)絡(luò)切換到wifi等

b)弱網(wǎng)絡(luò)降級：處于2G/3G網(wǎng)絡(luò)省流量模式的一些特殊處理，比如2G網(wǎng)絡(luò)下測試，圖片多時是否要懶加載等

c)無網(wǎng)絡(luò)時，執(zhí)行需要網(wǎng)絡(luò)的操作，給予友好提示，并確保不會導致應用crash；

d)內(nèi)網(wǎng)測試時，要注意選擇到外網(wǎng)操作是的異常情況處理；

e)弱網(wǎng)絡(luò)下，檢查功能狀態(tài)是否正常，確保不因提交數(shù)據(jù)失敗而造成異常甚至應用crash；

f)弱網(wǎng)絡(luò)下，檢查數(shù)據(jù)是否一直處于提交中的狀態(tài)，如遇數(shù)據(jù)交換失敗要給予提示；

g)弱網(wǎng)絡(luò)下，執(zhí)行操作后，在回調(diào)沒有完成的情況下，退出本webview或者其他操作，有無異常

安全相關(guān)

1、明確投放渠道都有哪些

如獨客、主客、wap，是否對未投放渠道做了限制，直接通過url請求是否攔截等

2、評估是否需要接入集團安全，如mtee黑白名單等。

3、是否需要接入支付寶實名認證

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

4、是否接入windvane，所有請求通過native發(fā)出。

操作頁面體驗相關(guān)

1、資源相關(guān)

A、頁面中有圖片的話，淘寶那邊建議圖片一般不大于50kb，本著一個原則，盡量縮小圖片。

B、資源是否壓縮、是否通過CDN加載。

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

2、流量

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

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

3、頁面展現(xiàn)時間

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

4、頁面提示

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

B、接口獲取異常時，提示是否友好。

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

5、手機操作相關(guān)

A、鎖屏之后展示頁面。

B、回退到后臺之后，重新呼出在前臺展示。 　

埋點數(shù)據(jù)檢查

與BI、前端同學一起確認埋點情況。

到此，關(guān)于“html5測試需要注意什么”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>