您好,登錄后才能下訂單哦!
通俗點: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瀏覽器的清楚緩存在設置-》系統設置-》基本設置--》清除記錄中。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。