1. 程式人生 > >H5測試與PC端測試不同的點

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

訪問 多余 長度 存在 手機 lis 模型 定位 網頁

1、通過H5網頁(非手機的返回功能)的返回功能可以返回,不會出現無法返回的情況。
2、橫屏豎屏相互切換,能自適應,並且布局不會亂掉;
3、為能在不同分辨率的手機上能更好的展示,建議采用響應式設計(如:offerlist頁面在大屏時顯示3行,小屏時顯示2行)
4、在手機上從list點擊進入detail頁面,要在原窗口打開,這樣可以通過頁頭的返回按鈕返回,而不需要通過手機的返回鍵返回,這樣交互上更友好。
5、關註頁面請求,是否會有多余的請求,或者請求後有多余的數據返回,盡量精簡,否則會浪費流量。
6、圖片適配測試,根據不同屏幕和分辨率做適配,以及適配後的清晰度,高端機取雙倍尺寸的圖
7、H5的頁面在PC端也是能訪問的,chrome對H5支持最好,功能的測試可以在PC端chrome下先測試,也可以在手機上直接測試,這個看個人習慣。(ie系列包括ie8,及以下都支持的不好)
8、手指滑動是否流暢,手指點擊時焦點是否定位正確,不同機型會不一樣。焦點點擊是否靈敏。
9、對於類似公司名稱、offer名稱長度的問題,在手機上最好能根據屏幕大小自適應而不是截斷,因為手機上是不會有tips可以看的。截斷導致大屏幕下也只能顯示幾個字,交互不好
10、手機測試要特別關註交互是否友好,與PC機的事件模型不一樣,可能會導致一些體驗的問題,比如:彈出層的點擊,是否會穿透,影響到彈出層下面的頁面。
11、對於一些浮層做的頁面,例如地圖、產品分類等浮層,註意拖動後是否可以看到它下面的頁面,拖動後邊緣是否有留白
12、手機端的瀏覽器測試的時候也要清除一下緩存,因為圖片和文件會被緩存下來,所以首次訪問和二次訪問體驗不一樣。例如UC瀏覽器的清楚緩存在設置-》系統設置-》基本設置–》清除記錄中。

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