H5頁面的測試點總結

在此對H5頁面的測試點（以及容易出問題的點） 
　　1、業務邏輯相關 
　　1.1 登陸 
　　目前H5與native各個客戶端都做了互通，所以大家在測試的時候要注意兩點： 
　　A、若客戶端已登錄，那么進入H5后仍然是登錄狀態。 
　　B、若客戶端未登錄，進入H5，點擊對應按鈕OR鏈接，如果需要登錄，須拉起native登錄。若取消登錄，是否可再次拉起登錄，或者停留在的頁面是否有對應的登錄提示。 
　　ps：本次測試過程中就發現，第一次點擊鏈接，可以拉起登錄，第二次卻不能。 
　　1.2 翻頁 
　　遇到翻頁加載的頁面，需要注意內容為1頁或者多頁的情況。 
　　A、數據分頁加載時，注意后續頁面請求數據的正確。 
　　ps：這個需要注意在快速操作場景中，請求頁數是不是依次遞增，快速操作（如第一頁尚未loading出來的時候仍然繼續上拉操作）時是否發出去對應的請求了。 
　　1.3 刷新與返回 
　　A、下拉刷新是否仍然處於當前頁面。 
　　B、用戶主動點擊刷新按鈕是否仍然處於當前頁面。 
　　C、點擊返回與back鍵，回退頁面是否是期望頁面 
　　ps：本次測試過程中就發現，mtop接口請求成功，但是data內無數據時，返回到的就是個空白頁面，無法正常發送請求。 
　　1.4 mtop接口返回處理 
　　發現這個出現問題的地方有很多，但是只要有意識的去處理，就很容易避免，主要是以下幾種情況： 
　　A、請求成功，且返回有數據，測試mtop接口返回數據的各種場景。 
　　B、請求成功，但data內容為空。 
　　C、請求接口異常，出現ERR_SID_INVALID::SESSION過期，拉起登錄。 
　　D、請求接口發生除C中提到的異常之外的異常，通常可歸結為一類進行處理。 
　　2、H5適配相關 
　　H5的適配其實比客戶端的相對來說，要少一些，手機品牌之間的差異不大，所以不用太多關注，最容易出現問題的系統，這個要特別關注下： 
　　A、大屏（如720*1280，重點關注頁面背景是否完全撐開頁面，刷新是否有抖動）、小屏手機（如320*480，重點關注下彈框樣式和文案折行） 
　　B、android4.X隨機找一個即可。 
　　C、ios9、ios8、ios7。 
　　3、安全相關 
　　3.1 明確投放渠道都有哪些 
　　如獨客、主客、wap，是否對未投放渠道做了限制，直接通過url請求是否攔截等 
　　3.2 評估是否需要接入集團安全，如mtee黑白名單等。 
　　3.3 是否需要接入支付寶實名認證 
　　涉及到金錢相關，如天貓積分，紅包等，為了防刷，一般都需要判斷是否支付寶實名認證。 
　　3.4 是否接入windvane，所有請求通過native發出。 
4、體驗相關 
　　4.1 資源相關 
　　A、頁面中有圖片的話，淘寶那邊建議圖片一般不大於50kb，本着一個原則，盡量縮小圖片。 
　　B、資源是否壓縮、是否通過CDN加載。 
　　C、如何保證二次發布后有效更新。 
　　4.2 流量 
　　A、對於一些不會變化的圖片，如游戲動畫效果相關圖片，不需要每次都請求的東西，做本地緩存。 
　　B、數據較多時是否做了分頁加載。 
　　4.3 頁面展現時間 
　　A、關注頁面首屏加載時間。 
　　4.4 頁面提示 
　　A、弱網絡下，數據加載較慢，是否有對應的loading提示。 
　　B、接口獲取異常時，提示是否友好。 
　　C、刷新頁面或者加載新內容時頁面是否有抖動。 
　　4.5 手機操作相關 
　　A、鎖屏之后展示頁面。 
　　B、回退到后台之后，重新呼出在前台展示。 
　　4.6 弱網絡體驗 
　　5、埋點數據檢查