html5測試需要注意什么

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

業務邏輯相關 
除基本的功能測試之外，H5頁面的測試，需要關注以下幾點：

1、登陸

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

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

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

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

2、翻頁

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

A、數據分頁加載時，注意后續頁面請求數據的正確。

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

3、刷新與返回

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

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

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

ps：本次測試過程中就發現，mtop接口請求成功，但是data內無數據時，返回到的就是個空白頁面，無法正常發送請求。

4、 mtop接口返回處理

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

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

B、請求成功，但data內容為空。

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

D、請求接口發生除C中提到的異常之外的異常，通常可歸結為一類進行處理。

H5適配相關

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

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

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

C、ios9、ios8、ios7。

網絡相關

不同網絡類型測試

a)考慮2G\3G\4G\wifi網絡

b)考慮移動網絡2G\3G\4G基站的變化的影響

c)無連接、關閉連接狀態

d)弱網絡信號狀態

e)有網絡信號但網絡不可達狀態

測試注意點

a)從wifi切換到2G/3G網絡、從2G/3G網絡切換到wifi等

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

c)無網絡時，執行需要網絡的操作，給予友好提示，并確保不會導致應用crash；

d)內網測試時，要注意選擇到外網操作是的異常情況處理；

e)弱網絡下，檢查功能狀態是否正常，確保不因提交數據失敗而造成異常甚至應用crash；

f)弱網絡下，檢查數據是否一直處于提交中的狀態，如遇數據交換失敗要給予提示；

g)弱網絡下，執行操作后，在回調沒有完成的情況下，退出本webview或者其他操作，有無異常

安全相關

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

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

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

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

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

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

操作頁面體驗相關

1、資源相關

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

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

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

2、流量

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

B、數據較多時是否做了分頁加載。

3、頁面展現時間

A、關注頁面首屏加載時間。

4、頁面提示

A、弱網絡下，數據加載較慢，是否有對應的loading提示。

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

C、刷新頁面或者加載新內容時頁面是否有抖動。

5、手機操作相關

A、鎖屏之后展示頁面。

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

埋點數據檢查

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

到此，關于“html5測試需要注意什么”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！