H5和Native 測(cè)試區(qū)別

通俗點(diǎn)：H5基于web,Native基于客戶端。

深層次點(diǎn)：H5調(diào)用系統(tǒng)的瀏覽器內(nèi)核，H5可跨平臺(tái)，易研發(fā)(一套即可)。Natvie是原生系統(tǒng)內(nèi)核的，直接在系統(tǒng)上操作，穩(wěn)定，基于Android、IOS自身語(yǔ)言研發(fā)，開(kāi)發(fā)會(huì)復(fù)雜些。

H5測(cè)試與PC端測(cè)試不同點(diǎn)：

1、通過(guò)H5網(wǎng)頁(yè)（非手機(jī)的返回功能）的返回功能可以返回，不會(huì)出現(xiàn)無(wú)法返回的情況。

2、橫屏豎屏相互切換，能自適應(yīng)，并且布局不會(huì)亂掉；

3、為能在不同分辨率的手機(jī)上能更好的展示，建議采用響應(yīng)式設(shè)計(jì)（如：offerlist頁(yè)面在大屏?xí)r顯示3行，小屏?xí)r顯示2行）

4、在手機(jī)上從list點(diǎn)擊進(jìn)入detail頁(yè)面，要在原窗口打開(kāi)，這樣可以通過(guò)頁(yè)頭的返回按鈕返回，而不需要通過(guò)手機(jī)的返回鍵返回，這樣交互上更友好。

5、關(guān)注頁(yè)面請(qǐng)求，是否會(huì)有多余的請(qǐng)求，或者請(qǐng)求后有多余的數(shù)據(jù)返回，盡量精簡(jiǎn)，否則會(huì)浪費(fèi)流量。

6、圖片適配測(cè)試，根據(jù)不同屏幕和分辨率做適配，以及適配后的清晰度，高端機(jī)取雙倍尺寸的圖

7、H5的頁(yè)面在PC端也是能訪問(wèn)的，chrome對(duì)H5支持最好，功能的測(cè)試可以在PC端chrome下先測(cè)試，也可以在手機(jī)上直接測(cè)試，這個(gè)看個(gè)人習(xí)慣。（ie系列包括ie8,及以下都支持的不好，這個(gè)可以與PD確認(rèn)H5頁(yè)面在這些PC瀏覽器上不支持）

8、手指滑動(dòng)是否流暢，手指點(diǎn)擊時(shí)焦點(diǎn)是否定位正確，不同機(jī)型會(huì)不一樣。焦點(diǎn)地位后點(diǎn)擊是否靈敏。

9、對(duì)于類似公司名稱、offer名稱長(zhǎng)度的問(wèn)題，在手機(jī)上最好能根據(jù)屏幕大小自適應(yīng)而不是截?cái)啵驗(yàn)槭謾C(jī)上是不會(huì)有tips可以看的。截?cái)鄬?dǎo)致大屏幕下也只能顯示幾個(gè)字，交互不好

10、手機(jī)測(cè)試要特別關(guān)注交互是否友好，與PC機(jī)的事件模型不一樣，可能會(huì)導(dǎo)致一些體驗(yàn)的問(wèn)題，比如：彈出層的點(diǎn)擊，是否會(huì)穿透，影響到彈出層下面的頁(yè)面。

11、對(duì)于一些浮層做的頁(yè)面，例如地圖、產(chǎn)品分類等浮層，注意拖動(dòng)后是否可以看到它下面的頁(yè)面，拖動(dòng)后邊緣是否有留白

12、手機(jī)端的瀏覽器測(cè)試的時(shí)候也要清除一下緩存，因?yàn)閳D片和文件會(huì)被緩存下來(lái)，所以首次訪問(wèn)和二次訪問(wèn)體驗(yàn)不一樣。例如UC瀏覽器的清楚緩存在設(shè)置-》系統(tǒng)設(shè)置-》基本設(shè)置--》清除記錄中。