H5頁面的測試點總結

在此對H5頁面的測試點（以及容易出問題的點） 
　　一、業務邏輯相關 
　　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中提到的異常以外的異常，一般可歸結爲一類進行處理。 
　　二、H5適配相關 
　　H5的適配其實比客戶端的相對來講，要少一些，手機品牌之間的差別不大，因此不用太多關注，最容易出現問題的系統，這個要特別關注下： 
　　A、大屏（如720*1280，重點關注頁面背景是否徹底撐開頁面，刷新是否有抖動）、小屏手機（如320*480，重點關注下彈框樣式和文案折行） 
　　B、android4.X隨機找一個便可。 
　　C、ios九、ios八、ios7。 
　　三、安全相關 
　　3.1 明確投放渠道都有哪些 
　　如獨客、主客、wap，是否對未投放渠道作了限制，直接經過url請求是否攔截等 
　　3.2 評估是否須要接入集團安全，如mtee黑白名單等。 
　　3.3 是否須要接入支付寶實名認證 
　　涉及到金錢相關，如天貓積分，紅包等，爲了防刷，通常都須要判斷是否支付寶實名認證。 
　　3.4 是否接入windvane，全部請求經過native發出。 
四、體驗相關 
　　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 弱網絡體驗 
　　五、埋點數據檢查