H5是什么?
H5的全稱是HTML5,其實就是:移動端WEB頁面。
H5與原生 APP的區別:
- APP是使用原生系統內核的,相當於直接在系統上操作,是我們傳統意義上的軟件,更加穩定。
- H5的APP先得調用系統的瀏覽器內容,相當於在網頁中進行操作,較原生APP穩定性,順暢性稍差,似乎還沒有百萬級用戶量的H5 APP。
- H5最大的優點是可以跨平台,開發容易。原生APP則需要在android和ios上各開發一套。
簡單的說:H5是基於web,native APP基於系統。
H5測試應該從哪些方面考慮?
除基本的功能測試之外,H5頁面的測試,需要關注一下幾點:
1、業務邏輯相關
1.1 登錄
A、若客戶端已登錄,那么進入H5后仍然是登錄狀態。
B、若客戶端未登錄,進入H5,點擊對應按鈕或鏈接,如果需要登錄,須拉起native登錄。若取消登錄,是否可再次拉起登錄,或者停留在的頁面是否有對應的登錄提示。
1.2 翻頁
A、數據分頁加載時,注意后續頁面請求數據的正確。(這個需要注意在快速操作場景中,請求頁數是不是依次遞增,快速操作)
1.3 刷新與返回
A、下拉刷新是否依然處於當前頁面。
B、用戶主動點擊刷新按鈕是否仍然處於當前頁面。
C、點擊返回與back鍵,回退頁面是否是期望頁面。
1.4 數據的請求與返回
A、提交了數據,數據是否正確提交到后台。
B、發送了請求,是否正確返回要求的數據。
2.H5適配相關
A、大屏(如720*1280,重點關注頁面背景是否完全撐開頁面,刷新是否有抖動)、小屏(320*480,重點關注下拉框,彈窗和文案折行)
B、android 2.3,android4.x 隨機找一個即可。
C、ios5,ios6,ios7
D、自帶瀏覽器,微信瀏覽器
3.安全相關
3.1 明確投放渠道都有哪些
3.2 是否涉及到金錢相關,實名,防刷等
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、回退到后台后,重新呼出在前台展示。
C、手指快速滑動是否順暢,手指點擊時焦點是否定位准確。
5.埋點數據檢查
H5測試的工具推薦
- 手機真機
- 谷歌瀏覽器-手機模式
