如何測試一個web網(wǎng)站？

時間：2023-05-31 06:21:02 | 來源：網(wǎng)站運營

時間：2023-05-31 06:21:02 來源：網(wǎng)站運營

如何測試一個web網(wǎng)站？：

最近有工作了一年多的朋友在問我，一個web頁面到底怎么測試？我的第一感覺是震驚，天天做web測試，咋還不知道怎么測試呢？再仔細(xì)一想，可能是我們每天忙于測試而忽略測試導(dǎo)致的，畢竟當(dāng)局者迷，旁觀者清。

下面就說一下，該從哪些角度測試一個web網(wǎng)站，希望給同樣不知所措的你一點提示：

一、UI測試

UI用戶界面測試，主要檢測前端頁面展示效果的，測試關(guān)注的點有如下幾方面：

1. 各頁面的風(fēng)格是否統(tǒng)一
2. 各頁面的大小是否一致；同樣的LOGO圖片在各個頁面中顯示是否大小一致；頁面及圖片是否居中顯示 、各頁面的title是否正確
3. 欄目名稱、文章內(nèi)容等處的文字是否正確，有錯別字或亂碼；同一級別的字體、大小、顏色是否統(tǒng)一
4. 提示、警告或錯誤說明應(yīng)該清楚易懂，用詞準(zhǔn)確，摒棄模棱兩可的字眼
5. 切換窗口大小，將窗口縮小后，頁面是否按比例縮小或出現(xiàn)滾動條；
6. 各個頁面縮小的風(fēng)格是否一致（按比例縮小或出現(xiàn)滾動條，不可二者兼有）
7. 父窗體或主窗體的中心位置應(yīng)該在對角線交點附近；子窗體位置應(yīng)該在主窗體的左上角或正中；多個子窗體彈出時應(yīng)該依次向右下方偏移，以顯示出窗體標(biāo)題為宜
8. 按鈕大小基本相似，忌用太長名稱，免得占用太多的頁面位置；避免空曠的頁面放置很大的按鈕；按鈕的樣式風(fēng)格要統(tǒng)一；按鈕之間的間距要一致
9. 頁面顏色是否統(tǒng)一；前景色與背景色搭配合理協(xié)調(diào)，反差不宜太大，最好用深色或刺目的顏色
10. 若有滾動信息或者圖片，將鼠標(biāo)放置其上，查看滾動信息或圖片是否停止
11. 導(dǎo)航處是否按欄目相應(yīng)的級別顯示；導(dǎo)航文字是否在同一行顯示
12. 所有的圖片是否被正確裝載，在不同的瀏覽器，分辨率下圖片是否能正常顯示（包括位置、大?。?
13. 文章列表頁，左側(cè)的欄目是否與一級、二級欄目的名稱、順序一致
14. 調(diào)整分辨率驗證頁面風(fēng)格是否有錯誤現(xiàn)象
15. 鼠標(biāo)移動到Flash焦點特效上是否實現(xiàn)，移出焦點特效是否消失

二、鏈接測試

web網(wǎng)站的主體內(nèi)容就是大量鏈接，必須全面測試，鏈接測試主要分為以下幾個方面：

1. 頁面是否有無法連接的內(nèi)容；圖片是否能正常顯示，有無冗余圖片，代碼是否規(guī)范，
2. 頁面是否存在死鏈接（可用HTML Link Validator工具查找）
3. 圖片是否有無用鏈接；點擊圖片上的鏈接是否跳轉(zhuǎn)到正確頁面
4. 頁面點擊LOGO下的一級欄目或二級欄目名稱，是否可進(jìn)入相應(yīng)的欄目
5. 點擊首頁或列表頁的文章標(biāo)題的鏈接，是否可進(jìn)入相應(yīng)的文章詳情頁
6. 點擊首頁欄目名稱后的【更多】鏈接，是否正確跳轉(zhuǎn)到相應(yīng)頁面
7. 文章列表頁、左側(cè)欄目的鏈接，是否可正確跳轉(zhuǎn)到相應(yīng)的欄目頁面
8. 導(dǎo)航鏈接的頁面是否正確；是否可按欄目級別跳轉(zhuǎn)到相應(yīng)的頁面 （例，【首頁-服務(wù)與支持-客服中心】，分別點擊“首頁”，“服務(wù)與支持”，“客服中心”，查看是否可跳轉(zhuǎn)到相應(yīng)頁面）

三、搜索測試

1. 搜索按鈕功能是否實現(xiàn)
2. 輸入網(wǎng)站中存在的信息，能否正確搜索出結(jié)果
3. 輸入鍵盤中的特殊字符，是否報錯：特別關(guān)注 :_? ’ . / /--；特殊字符
4. 系統(tǒng)是否支持快捷鍵回車鍵，Tab
5. 搜索出的結(jié)果頁面是否與其他頁面風(fēng)格一致
6. 在輸入框輸入空格，點擊搜索系統(tǒng)是否會報錯
7. 本站內(nèi)搜索域中不輸入任何內(nèi)容，是否搜索出是全部信息或者是給與提示
8. 精確查詢還是模糊查詢，如果是模糊查詢輸入：中%國，應(yīng)該包含中國兩個字的信息
9. 焦點放置搜索框中，搜索框內(nèi)容是否被清空
10. 搜索輸入域是否實現(xiàn)回車監(jiān)聽事件
11. 輸入超長字符查詢
12. 空格或空、null條件查詢
13. 關(guān)鍵字前、后、中間有空格，顯示搜索結(jié)果是否一致
14. 選擇框各種條件查詢數(shù)據(jù)是否正確
15. 請選擇查詢是否為所有數(shù)據(jù)
16. 輸入數(shù)據(jù)庫中不存在的信息
17. 必填查詢條件驗證
18. 默認(rèn)查詢條件
19. 輸入不符合要求的數(shù)據(jù)，看是否有提示：如日期格式：YYYY-MM-DD；范圍：月份中輸入13等，一般這些數(shù)據(jù)都是枚舉型數(shù)據(jù)，以下拉框的形式出現(xiàn)
20. 敏感字查詢
21. 搜索內(nèi)容顯示，是否可以按照文章搜索關(guān)鍵字進(jìn)行排名

四、表單提交測試

1. 注冊、登陸功能能否實現(xiàn)
2. 提交、清空按鈕是否實現(xiàn)
3. 修改表單與注冊頁面數(shù)據(jù)項是否相同，修改表單是否對重名做驗證
4. 提交數(shù)據(jù)是否能正常保存到后臺數(shù)據(jù)庫中（后臺數(shù)據(jù)庫中數(shù)據(jù)應(yīng)與前臺錄完內(nèi)容完全一致，數(shù)據(jù)不會丟失或被改變）
5. 表單提交，刪除，修改后是否有提示內(nèi)容
6. 瀏覽器前進(jìn)、后退、刷新按鈕，是否會造成數(shù)據(jù)庫重現(xiàn)或頁面報錯
7. 提交表單是否支持回車鍵和Tab鍵
8. 下拉菜單功能是否實現(xiàn)和數(shù)據(jù)是否完整（例如：省份和市區(qū)下拉列表數(shù)據(jù)是否實現(xiàn)互動）

五、輸入域測試

1. 對于手機、郵箱、證件號等的輸入是否有長度及類型的控制
2. 輸入中文、英文、數(shù)字、特殊字符（特別注意單引號，反斜杠）及混合輸入，是否會報錯
3. 輸入空格、空格+數(shù)據(jù)、數(shù)據(jù)+空格，是否會報錯
4. 輸入html語言的
5. 輸入全角、半角的英文、數(shù)字、特殊字符等，是否報錯
6. 是否有必填項的控制；不輸入必填項，是否有有好提示信息
7. 輸入超長字段，頁面是否被撐開
8. 分別輸入大于、小于、等于數(shù)據(jù)表規(guī)定字段長度的數(shù)據(jù)，是否報錯
9. 輸入非數(shù)據(jù)表中規(guī)定的數(shù)據(jù)類型的字符，是否有有好提示信息
10. 在文本框中輸入回車，顯示時，是否回車換行
11. 密碼輸入域數(shù)據(jù)是否可見

六、分頁測試

1. 當(dāng)沒有數(shù)據(jù)時，首頁、上一頁、下一頁、尾頁標(biāo)簽全部置灰
2. 在首頁時，“首頁”,”上一頁”標(biāo)簽置灰，在尾頁時，“尾頁”,”下一頁”標(biāo)簽置灰，在中間頁時，四個標(biāo)簽均可點擊，且跳轉(zhuǎn)正確
3. 翻頁后，列表中的數(shù)據(jù)是否仍按照指定的順序進(jìn)行排序
4. 各個分頁標(biāo)簽是否在同一水平線上
5. 各個頁面的分頁標(biāo)簽是否一致
6. 分頁的總頁數(shù)及當(dāng)前頁數(shù)顯示是否正確
7. 是否能正確跳轉(zhuǎn)到指定的頁數(shù)
8. 再分頁處輸入非數(shù)字字符（英文，特殊字符等），輸入0或超出總頁數(shù)的數(shù)字，是否有友好提示信息
9. 是否支持回車鍵的監(jiān)聽

七、兼容性測試

對于web端的兼容性測試，我們重點關(guān)注瀏覽器的兼容性即可，驗證不同廠商的瀏覽器對Java、Javascript、ActiveX、plug-ins或HTML的支持；框架和層次結(jié)構(gòu)在不同瀏覽器展示效果等，常見的瀏覽器有：

1、IE瀏覽器：
IE是微軟公司旗下瀏覽器，曾經(jīng)是目國內(nèi)用戶量最多的瀏覽器，但由于其體量太大，效率低，開發(fā)兼容困難，給web應(yīng)用開發(fā)帶來很多的苦惱，從win10之后，微軟也已經(jīng)放棄IE，除了一些政府機構(gòu)還在使用外，互聯(lián)網(wǎng)行業(yè)很少在IE上開發(fā)web應(yīng)用啦。
2、Opera瀏覽器：
Opera是挪威Opera Software ASA公司旗下的瀏覽器，需要進(jìn)行兼容性測試。
3、Safari瀏覽器：
蘋果公司的Safari瀏覽器，主要用于蘋果Mac、Mac book及iPhone手機，需要兼容測試。
4、Firefox瀏覽器：
Firefox瀏覽器使Mozilla公司旗下瀏覽器，以豐富的插件著稱，是一款一直活躍的瀏覽器，需要兼容性測試。
5、Chrome瀏覽器：
Chrome瀏覽器是google旗下的瀏覽器。Chrome瀏覽器至發(fā)布以來一直講究簡潔、快速、安全，所以Chrome瀏覽器到現(xiàn)在一直受人追捧，是現(xiàn)在web開發(fā)的主要戰(zhàn)場，需優(yōu)先進(jìn)行兼容性測試。

---

歡迎關(guān)注作者，如果覺得寫的還不錯，就給點個贊同、喜歡、收藏（后續(xù)持續(xù)更新）。

【全文手打 如需轉(zhuǎn)載 請標(biāo)注此出處】