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