其實經(jīng)過幾次H5頁面測試之后，發(fā)現(xiàn)存在很多共同的問題，所以在此對H5頁面的測試點（以及容易出問題的點），做一個總結，給開發(fā)同學自測，以及準備入手H5測試的同學一個參考。

1、業(yè)務邏輯相關

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

1.1 登陸

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

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

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

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

1.2 翻頁

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

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

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

1.3 刷新與返回

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

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

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

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

1.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中提到的異常之外的異常，通常可歸結為一類進行處理。

2、H5適配相關

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

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

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

C、ios5、ios6、ios7。

3、安全相關

3.1 明確投放渠道都有哪些

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

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

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

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

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

4、體驗相關

4.1 資源相關

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

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

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

4.2 流量

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

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

4.3 頁面展現(xiàn)時間

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

4.4 頁面提示

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

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

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

4.5 手機操作相關

A、鎖屏之后展示頁面。

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

4.6 弱網(wǎng)絡體驗

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

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