網(wǎng)站測(cè)試一般為三個(gè)套路：UI測(cè)試、功能測(cè)試和兼容性測(cè)試
一、UI測(cè)試
用戶界面測(cè)試主要是拿待測(cè)網(wǎng)頁(yè)和設(shè)計(jì)稿進(jìn)行對(duì)比，個(gè)人覺(jué)得主要需做到以下4點(diǎn)：
1、注重細(xì)節(jié)：
這點(diǎn)基本，就是對(duì)比時(shí)細(xì)心、細(xì)心再細(xì)心。像我現(xiàn)在被虐到網(wǎng)頁(yè)上元素和設(shè)計(jì)稿差一個(gè)像素都能看出來(lái)…
2、勿忘整體性：
由于PC網(wǎng)頁(yè)頁(yè)面空間大，模塊多，很容易在測(cè)試時(shí)只注意到模塊內(nèi)設(shè)計(jì)元素是否正確，而忽略了模塊間的間距或整個(gè)頁(yè)面的布局是否正確。所以知名按照由局部到整體的順序測(cè)試。
3、注意頁(yè)面間相互對(duì)比：
即注意相同系列頁(yè)面、頁(yè)簽布局一致性。就是說(shuō)的是同一系列頁(yè)面中同類(lèi)元素和模塊的樣式、間距一般要相同；同一個(gè)tab下，不同選項(xiàng)對(duì)應(yīng)的頁(yè)簽中同類(lèi)元素和模塊的樣式、間距一般要相同。
4、注意極端情況下顯示情況：
即要注意長(zhǎng)度可變的元件、模塊或字段在極端情況下的顯示是否正常。
例如：文章標(biāo)題多可顯示50字符（25漢字），測(cè)試時(shí)就要在所有會(huì)出現(xiàn)標(biāo)題的位置（文章列表頁(yè)、推薦邊欄、轉(zhuǎn)發(fā)彈框…）是否能正常顯示含有50字符的標(biāo)題，會(huì)不會(huì)出現(xiàn)破框而出、自動(dòng)切掉等情況。
由于UI測(cè)試時(shí)需要檢查的細(xì)節(jié)很多，特別是像我們團(tuán)隊(duì)，網(wǎng)站還在搭建中并未上線，UI測(cè)試的工作量更是大，測(cè)久了難免會(huì)覺(jué)得枯燥繁瑣，但其實(shí)每項(xiàng)任務(wù)都能總結(jié)出套路、有所收獲，故下面僅列出我平時(shí)在測(cè)這部分時(shí)的主要注意點(diǎn)和心得。
UI測(cè)試注意點(diǎn)總結(jié)：
模塊間距
元素間距
不同類(lèi)型文本（數(shù)字、漢字、英文）顏色、格式（全角、半角）大小、字體、（不必須）
固定文案：內(nèi)容的可讀性、正確性?排版的合理性
可變字段：極多、極少文字的排版情況
Icon用錯(cuò)、用混
相似頁(yè)面的差異性和一致性
二、功能測(cè)試
1、操作反應(yīng)：
?。?）頁(yè)面元素（按鈕、錨文本、輸入框…）自身狀態(tài)變化：鼠標(biāo)移入/移出時(shí)效果、點(diǎn)擊后效果、獲取/失去焦點(diǎn)時(shí)效果…（可以想想axure里的用例狀態(tài)）
eg：鼠標(biāo)移入按鈕，按鈕是底色是否應(yīng)改變；若輸入框內(nèi)有默認(rèn)提示文字，則是當(dāng)輸入框獲得焦點(diǎn)后文字就消失，還是用戶輸入文字后提示文字才消失…
?。?）操作成功后續(xù)反應(yīng)：頁(yè)面跳轉(zhuǎn)、彈框、提示文字…
a、頁(yè)面跳轉(zhuǎn)：
頁(yè)面切換方式：另開(kāi)頁(yè)面、本頁(yè)切換
頁(yè)面起始定位：頁(yè)面起始位置、頁(yè)面其他錨點(diǎn)（例如用戶想評(píng)論某文章，在列表頁(yè)點(diǎn)評(píng)論按鈕后，就會(huì)在另開(kāi)的文章內(nèi)容頁(yè)直接定位到評(píng)論區(qū)）
b、彈框：
匹配情況：彈出的彈框是否和觸發(fā)條件匹配
出現(xiàn)位置：一般情況下要一致。因?yàn)閺椏蚴褂貌煌寮?，可能?dǎo)致彈出位置不同。
顯示時(shí)間（非操作類(lèi)彈框）：某些僅起到提示功能的彈框會(huì)自動(dòng)顯示若干秒關(guān)閉。一般情況此類(lèi)彈框上文案較少，顯示秒數(shù)應(yīng)該是全站一致的。
c、提示文字：
匹配情況：出現(xiàn)的提示文案是否和觸發(fā)條件匹配
關(guān)于操作成功后續(xù)反應(yīng)，以上主要是在已確定會(huì)觸發(fā)某反應(yīng)情況下，測(cè)試其正確性。其實(shí)這里更重要的是要考慮在前置條件不同的情況下，對(duì)某元素進(jìn)行相同操作，會(huì)觸發(fā)什么不同的反應(yīng)。即需要對(duì)各類(lèi)情況進(jìn)行窮舉。
eg：點(diǎn)擊關(guān)注按鈕觸發(fā)反應(yīng)窮舉：
a、未登錄用戶點(diǎn)擊該按鈕后效果；
b、已登錄用戶點(diǎn)擊該按鈕后效果（b1。未關(guān)注過(guò)對(duì)方、b2。已關(guān)注過(guò)對(duì)方、b3。自己關(guān)注自己）
窮舉時(shí)可以參考PRD，但不要局限于PRD上列出的情況，畢竟有時(shí)也許PRD上會(huì)有小疏漏，要是程序員做的時(shí)候發(fā)現(xiàn)疏漏，就自己隨手碼了一個(gè)簡(jiǎn)易提示而忘記通知產(chǎn)品，而測(cè)試的時(shí)候也沒(méi)觸發(fā)到，等用戶實(shí)際操作出來(lái)就會(huì)造成不佳的用戶體驗(yàn)。
2、數(shù)據(jù)：
?。?）數(shù)據(jù)狀態(tài)：此處指數(shù)據(jù)值自身的狀態(tài)。即前置條件滿足后，數(shù)據(jù)狀態(tài)是否會(huì)按照規(guī)則更新。
這里的規(guī)則一般是
a、時(shí)間規(guī)則（eg：經(jīng)過(guò)多長(zhǎng)時(shí)間數(shù)據(jù)狀態(tài)改變；在哪個(gè)時(shí)間點(diǎn)更新…）；
b、統(tǒng)計(jì)規(guī)則（eg：每個(gè)ID多次完成前置操作，數(shù)據(jù)更新多次；每個(gè)ID多次完成前置操作，數(shù)據(jù)僅更新一次；每個(gè)ID…）
（2）數(shù)據(jù)排序：數(shù)據(jù)在某篩選條件下排序的正確性。
eg：某寶某店鋪商品展示頁(yè)面，當(dāng)用戶選擇按銷(xiāo)量由高到低排序時(shí)，列表是否變?yōu)榘翠N(xiāo)售量多到寡進(jìn)行排序；當(dāng)商品A的銷(xiāo)量超過(guò)商品B的時(shí)候，商品A的位置是否會(huì)更換到商品B的前面。
3、特殊情況：
（1）缺省情況：當(dāng)某頁(yè)面或模塊還沒(méi)有內(nèi)容或尚未加載出來(lái)時(shí)，是否有相關(guān)提示畫(huà)面、文案。
?。?）操作中斷：用戶操作中途退出頁(yè)面（eg：填寫(xiě)資料并尚未保存時(shí)關(guān)閉頁(yè)面）；操作中途斷網(wǎng)…這些情況下是否設(shè)置了相關(guān)提醒彈框。
三、兼容性測(cè)試
不同瀏覽器（360、谷歌、火狐等等主流瀏覽器）下的頁(yè)面顯示情況是否正常。
網(wǎng)頁(yè)設(shè)計(jì)
企業(yè)網(wǎng)站建設(shè)一條龍
找零度飛易網(wǎng)絡(luò)公司-fslingdu所做php
網(wǎng)站建設(shè)方案、
網(wǎng)站設(shè)計(jì)、
網(wǎng)站制作由
北京上海深圳龍崗衢州蘭州常州東營(yíng)南通濟(jì)寧桂林淮安煙臺(tái)長(zhǎng)春無(wú)錫天津昆山蘇州合肥貴洛陽(yáng)昆明天津唐山泉州惠州萬(wàn)州新鄉(xiāng)商丘臺(tái)州哈爾濱太原攝影?？?/strong>隨州學(xué)校商丘廣東湖南廣西江西海南廣州企業(yè)中小企業(yè)武漢南山羅湖福田虎門(mén)肇慶汕尾汕頭廣州佛山成都杭州濟(jì)南重慶福州西安廈門(mén)昆山沈陽(yáng)青島徐州鄭州南京寧南寧長(zhǎng)沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門(mén)嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂(lè)從北滘祖廟石灣南莊等地區(qū)企業(yè)網(wǎng)站建設(shè)(廣告)公司提供專業(yè)做網(wǎng)站價(jià)格規(guī)劃書(shū)及營(yíng)銷(xiāo)型網(wǎng)站制作,網(wǎng)站建設(shè)基礎(chǔ)知識(shí)
零度飛易提供品牌
零度飛易是一家專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站制作、seo優(yōu)化,網(wǎng)站推廣,網(wǎng)站建設(shè)的佛山網(wǎng)絡(luò)運(yùn)營(yíng)公司。零度飛易在家具網(wǎng)站建設(shè)、小家電網(wǎng)站建設(shè)、服裝網(wǎng)站建設(shè)、電器網(wǎng)站建設(shè)、機(jī)械網(wǎng)站建設(shè)等行業(yè)的網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)運(yùn)營(yíng)都得到行業(yè)認(rèn)可，在上海、深圳、北京、廣州、佛山、中山、東莞地區(qū)有著良好的口碑品牌的網(wǎng)站建設(shè)公司。我們的使命是打造創(chuàng)新型的網(wǎng)站建設(shè)企業(yè)，能輕易地開(kāi)展“互聯(lián)網(wǎng)+”業(yè)務(wù)、實(shí)現(xiàn)“互聯(lián)網(wǎng)+企業(yè)”的企業(yè)愿景。
