在接入客戶端測試之前，我們可以先使用谷歌瀏覽器自帶的開發(fā)者工具來進行測試，效果是一樣的，將H5鏈接放到瀏覽器中，打開開發(fā)者工具，我們就能看到所有接口和頁面的顯示。這個測試工具還可以用來做兼容性測試，在頁面左上角可調(diào)出，可以選擇手機、分辨率等，內(nèi)置的設(shè)備還有很多可以編輯，這一點上降低了我們手工去測試兼容性關(guān)于機型的測試。
H5頁面的測試點一般有：
基本業(yè)務(wù)功能測試，包括登錄、刷新、回退、前進、翻頁和業(yè)務(wù)邏輯。其中，登錄方面，客戶端已登錄，那么進入H5后仍是登錄狀態(tài)；若客戶端未登錄，進入H5，點擊對應(yīng)鏈接，如果需要登錄則需要拉起native登錄。下拉刷新是否仍然處于當前頁面 ；用戶主動點擊刷新按鈕是否仍然處于當前頁面 ；點擊返回與back鍵，回退頁面是否是期望頁面 ；翻頁加載情況；進入后臺后，重新調(diào)出，性能方面，和操作體驗相關(guān)的測試，包括流量、頁面加載時間、弱網(wǎng)絡(luò)環(huán)境和服務(wù)端的壓測。流量測試方面，對于某些資源是否要做緩存或壓縮；弱網(wǎng)絡(luò)下，數(shù)據(jù)加載較慢，是否有對應(yīng)的loading提示；刷新頁面或者加載新內(nèi)容時頁面是否有抖動，安全方面，包括惡意攻擊、權(quán)限認證、脫敏處理和直接url打開等，接口測試方面，包括功能、安全、性能，兼容性方面，包括瀏覽器兼容、系統(tǒng)版本兼容、分辨率兼容等方面。一個APP中既使用原生UI，又使用H5，是為了滿足不同的需求及用戶體驗。使用原生UI可以應(yīng)對流暢性體驗要求較高的場景和UI樣式相對固定，不會頻繁變化的頁面。使用H5頁面可以滿足較強的動態(tài)運營需求，UI樣式頻繁變化，滿足多平臺復(fù)用。
1、App與HTML5對接部分需要加密傳輸；
2、App頭部的點擊后返回的是前一個頁面還是退回app主界面，需要注意；
3、從App各個入口進入HTML5界面都是免登錄，各入口登錄、登出正常；
4、在各個機型中，屏幕較小和較大的機器會出現(xiàn)不能全部顯示或者部分空白的情況。
5、長時間不操作HTML5或者App測試，需要重新登錄，或者需要重新輸入密碼；
6、屏幕較小手機提交參數(shù)的確認頁面，由于字數(shù)較多會出現(xiàn)換行的情況，需要做適配。
推薦閱讀：
本文內(nèi)容不用于商業(yè)目的，如涉及知識產(chǎn)權(quán)問題，請權(quán)利人聯(lián)系SPASVO小編(021-60725088-8054)，我們將立即處理，馬上刪除。
sales@spasvo.com
