優勢：

1.H5可以跨平臺，開發成本相對較低；

2.H5可隨時上限就更新版本，適合快速迭代；

3.H5可以輕量的觸達用戶，提供更快捷的服務；

4.在微信入口或者瀏覽器上，用戶只需點開鏈接就可以獲取我們所提供的服務。

劣勢：

1.H5->的轉化強依賴于瀏覽器；

2.H5目前基本無法將數據存儲在本地，依賴實時性數據，網絡狀態不好的時候卡到哭。

3.性能相對較低，影響用戶體驗。

H5功能驗證

1.通過H5網頁(非手機的返回功能)的返回功能可以返回，不會出現無法返回的情況。

返回邏輯：

1.對于頁面中的返回，以及瀏覽器自帶的返回的測試。頁面中的返回要考慮業務邏輯，友好返回到相應層次，需要從用戶角度返回的轉跳邏輯，不能出現死循環。并要注意返回后是否需要刷新頁面請求通過H5頁面(非手機自帶返回鍵)的返回功能鍵返回，可以返回到正確的頁面(上一級/退出H5)點擊返回與back鍵，回退頁面是否是期望頁面。

2.橫屏豎屏相互切換，能自適應，并且布局不會亂掉；或頁面只支持橫或豎屏限制。

3.在手機上從list點擊進入detail頁面，要在原窗口打開，這樣可以通過頁頭的返回按鈕返回，而不需要通過手機的返回鍵返回，這樣交互上更友好。

4.關注頁面請求，是否會有多余的請求，或者請求后有多余的數據返回，盡量精簡，否則會浪費流量。

5.圖片適配測試，根據不同屏幕和分辨率做適配，以及適配后的清晰度，高端機取雙倍尺寸的圖--app兼容測試。

H5適配相關

1.H5的適配其實比客戶端的相對來說，要少一些，手機品牌之間的差異不大，所以不用太多關注，最容易出現問題的是Android2.3系統，這個要特別關注下：

A、大屏(如720*1280，重點關注頁面背景是否完全撐開頁面，刷新是否有抖動)、小屏手機(如320*480，重點關注下彈框樣式和文案折行)

B、Android2.3、Android4.X隨機找一個即可。

C、ios5、ios6、ios7.

2.H5的頁面在PC端也是能訪問的，Chrome對H5支持最好，功能的測試可以在PC端Chrome下先測試，也可以在手機上直接測試，這個看個人習慣。(ie系列包括ie8，及以下都支持的不好)

3.手指滑動是否流暢，手指點擊是焦點是否定位正確，不同機型會不一樣。焦點點擊是否靈敏。

4.對于類似公司名稱、offer名稱長度的問題，在手機上最好能根據屏幕大小自適應而不是截斷，因為手機上是不會有tips可以看的。截斷導致大屏幕下也只能顯示幾個字，交互不好。

5.手機測試要特別關注交互是否友好，與PC機的事件模型不一樣，，可能拖動后是否會導致一些體驗的問題，比如：彈出層的點擊，是否會穿透，影響到彈出層下面的頁面。

6.對于一些浮層做的頁面，例如地圖、產品分類等浮層，注意拖動后是否可以看到它下面的頁面，拖動后邊緣是否有留白。

7.網絡切換：從WiFi切換到2G/3g網絡、從2G/3g網絡切換到WiFi等。

弱網絡降級：處于2G/3g網絡省流量模式的一些特殊處理，比如2G網絡下測試，圖片多時是否要懶加載等。網絡狀況差的場景，可以提示文案，但不能閃退。

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的h5手机端浏览器机制_H5测试介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。