H5測試

H5是什麼？

H5的全稱是HTML5，其實就是：移動端WEB頁面。

 

H5與原生 APP的區別：

• APP是使用原生系統內核的，至關於直接在系統上操做，是咱們傳統意義上的軟件，更加穩定。
• H5的APP先得調用系統的瀏覽器內容，至關於在網頁中進行操做，較原生APP穩定性，順暢性稍差，彷佛尚未百萬級用戶量的H5 APP。
• H5最大的優勢是能夠跨平臺，開發容易。原生APP則須要在android和ios上各開發一套。

簡單的說：H5是基於web，native APP基於系統。

 

H5測試應該從哪些方面考慮？

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

一、業務邏輯相關

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測試的工具推薦

• 手機真機
• 谷歌瀏覽器-手機模式

 

***微信掃一掃，關注「python測試開發圈」，瞭解更多測試教程！***