H5測試應該從哪些方面考慮
一.業(yè)務邏輯相關
除了基本的功能測試之外芍阎，H5頁面的測試，需要關注的有幾點
1辽故。登錄（第三方登錄）
目前H5與native各個客戶端都做了互通重罪，測試時需要注意
A.若客戶端已登錄，那么進入H5后仍然時登錄狀態(tài)
B球恤，若客戶端未登錄辜昵，進入H5，點擊對應的按鈕OR鏈接咽斧，如果需要登錄堪置，須拉起native登錄，若取消登錄张惹，是否可再次拉起登錄舀锨，或者停留在頁面是否對應的登錄提示
2.翻頁
遇到翻頁加載的頁面，需要注意內(nèi)容為1頁或者多頁的情況
A數(shù)據(jù)分頁加載時宛逗，注意后續(xù)頁面請求數(shù)據(jù)的正確
需要注意在快速操作場景中坎匿，請求頁數(shù)是不是依次遞增，快速操作（如第一頁尚未loading出來的時候仍然繼續(xù)上拉操作）時是否發(fā)出去對應的請求了
3.刷新與返回
A.下拉刷新是否仍然處于當前頁面
B。用戶主動點擊刷新按鈕是否仍然處于當前頁面
C替蔬。點擊返回與back鍵告私，回退頁面是否是期望頁面
4.數(shù)據(jù)的請求與返回
A。提交了數(shù)據(jù)承桥，數(shù)據(jù)是否正確的整理到后臺管理系統(tǒng)
B驻粟。發(fā)送了請求，是否正確返回你要求的數(shù)據(jù)
二凶异、H5適配相關
H5的適配其實對于客戶端的相對來說蜀撑，要少一些，手機品牌之間的差異不大剩彬，所以不用太多關注屯掖，最容易出現(xiàn)問題的是android2.3系統(tǒng)，要特別關注的如下：
A襟衰、
大屏（720*1280贴铜，重點關注頁面背景是否完全撐開頁面，刷新是否有抖動）
小屏（320*480瀑晒，重點關注下彈框樣式和文案折行）
B绍坝、各種android版本每個進行測試
C、ios版本每個進行測試
D苔悦、瀏覽器上也要能夠進行完美展示
三轩褐、安全相關
1.明確投放渠道都有哪些
如獨客、主客玖详、wap把介，是否對未投放渠道做了限制，直接通過url請求是否攔截等
2蟋座、是否需要接入支付寶實名認證涉及到金錢相關拗踢，如天貓積分，紅包等向臀，為了防刷巢墅，一般都需要判斷是否支付寶實名認證
四、體驗相關
1.資源相關
A券膀。頁面中有圖片的話君纫，淘寶那邊建議圖片一般不大于50kb，本著一個原則盡量縮小圖片
B芹彬、資源是否壓縮蓄髓、是否通過CDN（就近地區(qū)訪問，服務速度會更快）加載舒帮，
C会喝、如何保證二次發(fā)布后有效更新
D對于類似公司名稱眨唬、offer名稱長度的問題，在手機上最好能根據(jù)屏幕大小自適應而不是截斷好乐，因為手機上是不會有tips可以看的，截斷導致大屏幕下頁只能顯示幾個字瓦宜，交互不好
2蔚万、流量
A、對于一些不會變化的圖片临庇，如游戲動畫效果相關圖片反璃，不需要每次都請求的東西，做本地緩存
B假夺、數(shù)據(jù)較多時是否做了分頁加載
3淮蜈、頁面展示時間
A、關注頁面首屏加載時間
4已卷、頁面提示
A梧田、弱網(wǎng)絡下，數(shù)據(jù)加載較慢侧蘸，是否有對應的loading提示
B裁眯、接口獲取異常時，提示是否友好
C讳癌、刷新頁面或者加載新內(nèi)容時頁面是否有抖動
5穿稳、手機操作相關
A、鎖屏之后展示頁面
B晌坤、回退到后臺之后逢艘，重新呼出在前臺展示
C、手指滑動是否流暢骤菠，手指點擊時焦點是否定位正確它改，不同機型會不一樣，焦點地位后點擊是否靈敏商乎。
6搔课、弱網(wǎng)絡體驗
五、埋點數(shù)據(jù)檢查
與前端一起確認埋點情況
H5測試的工具推薦
1/手上的手機：直接掃描二維碼打開鏈接截亦，進行測試
2爬泥、谷歌瀏覽器：調(diào)試成手機模式來進行測試
下載谷歌瀏覽器，點擊瀏覽器右上角“三”圖標崩瓤，在下拉選項中選擇“更多工具”-“開發(fā)者工具”袍啡，或者直接F12
