隨着Html 5的流行，現在很多業務場景使用H5頁面來承載，使活動類、運營類的業務功能更便捷在微信、Native端部署，所以H5方面的測試也變得越來越重要。
以下爲H5測試時的重點測試項：
1、業務功能邏輯
1.1人工測試：登錄、翻頁、刷新、返回、前進、業務邏輯
1.2自動化：telerik、appnium、selenium
1.3HTTP API：使用接口測試工具
2、H5特性
2.1加載速度：
工具：Google pagespeed、yslow
網絡：WiFi、5G、4G、3G
啓動：首字、首屏
緩存：有緩存、無緩存
http請求數：資源合併
http狀態：失敗資源處理
單個請求優化：緩存機制
2.2服務器：服務器壓測、基準測試、達標測試
2.3體驗：
弱網場景，接口數據異常提示
頁面性能：打開頁面或者刷新頁面是否卡頓
3、兼容性
3.1瀏覽器兼容：PC端、手機端
3.2機型：Android、IOS、winphone
3.3系統兼容：Android 6及以上，iOS 9及以上
3.4屏幕分辨率：小屏、中屏、大屏
4、統計埋點
4.1埋點的準確性
4.2埋點的合理性
5、安全
5.1投放渠道限制
5.2直接URL是否能打開
5.3防止惡意攻擊
5.4是否需要驗證碼
6、用戶反饋
6.1反饋數據分析
6.2漏測分析
6.3用例補充
一、H5測試基本點
1. 登陸
客戶端已登錄狀態時，H5頁面操作無需再次登陸；
客戶端未登錄狀態時，H5頁面操作需要登陸，注意二次登錄的操作；
需要在獲取微信openid的H5頁面的提示；
微信登錄態和Native登錄態之間的轉化；
2.翻頁
首屏loading過程中的上拉獲取數據；
更多頁面加載的翻頁數據無異常；
返回上一層頁面的處理，檢查重複操作等；
注意檢查翻頁後的數據是否有數據重複和缺失，以及排序方面的問題；
3.屏幕適配
需要了解用戶使用的重點機型以及邊緣機型；
重點機型真機測試，可以考慮在線測試平臺測試兼容性；
請求接口獲取用戶設備的型號信息，根據不同設備下發不同的適配頁面；
部分頁面能夠通過Chrome瀏覽器開發者選項模擬屏幕尺寸信息；
4.安全相關
H5頁面的投放渠道限制；
支付類敏感操作的實名制驗證等；
集團網絡相關的安全限制等；
URL能否直接打開等。
5.資源加載
使用小圖，適配屏幕尺寸下發圖片；
使用CDN加速；
使用gzip壓縮請求；
建立合理的緩存機制；
大量數據的分頁顯示；
頁面懶加載；
6.頁面提示
頁面資源加載過程或者操作過程中的loading標示；
各種接口返回的狀態信息提示；
刷新頁面或者進行頁面操作的體驗：
無閃、卡頓、屏抖動等情況；
7.非常規操作（異常操作）
涉及圖片、音視頻資源的系統靜音等的衝突等；
音視頻的切片處理、圖片輪番處理；
鎖屏操作；
切到前/後臺返回的處理；
弱網測試；
8.數據埋點
用於BI的數據埋點