H5和Native 測試區別

通俗點:H5基於web,Native基於客戶端。

深層次點:H5調用系統的瀏覽器內核,H5可跨平臺,易研發(一套即可)。Natvie是原生系統內核的,直接在系統上操作,穩定,基於Android、IOS自身語言研發,開發會複雜些。


H5測試與PC端測試不同點:

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


2、橫屏豎屏相互切換,能自適應,並且佈局不會亂掉;


3、爲能在不同分辨率的手機上能更好的展示,建議採用響應式設計(如:offerlist頁面在大屏時顯示3行,小屏時顯示2行)


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


5、關注頁面請求,是否會有多餘的請求,或者請求後有多餘的數據返回,儘量精簡,否則會浪費流量。


6、圖片適配測試,根據不同屏幕和分辨率做適配,以及適配後的清晰度,高端機取雙倍尺寸的圖


7、H5的頁面在PC端也是能訪問的,chrome對H5支持最好,功能的測試可以在PC端chrome下先測試,也可以在手機上直接測試,這個看個人習慣。(ie系列包括ie8,及以下都支持的不好,這個可以與PD確認H5頁面在這些PC瀏覽器上不支持)


8、手指滑動是否流暢,手指點擊時焦點是否定位正確,不同機型會不一樣。焦點地位後點擊是否靈敏。


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


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


11、對於一些浮層做的頁面,例如地圖、產品分類等浮層,注意拖動後是否可以看到它下面的頁面,拖動後邊緣是否有留白


12、手機端的瀏覽器測試的時候也要清除一下緩存,因爲圖片和文件會被緩存下來,所以首次訪問和二次訪問體驗不一樣。例如UC瀏覽器的清楚緩存在設置-》系統設置-》基本設置--》清除記錄中。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章