最近有作業了一年多的朋友在問我，一個web頁面到底怎么測驗？我的第一感覺是震驚，天天做web測驗，咋還不知道怎么測驗呢？再仔細一想，可能是我們每天忙于測驗而忽略測驗導致的，畢竟當局者迷，旁觀者清，
下面就說一下，該從哪些角度測驗一個web網站，希望給同樣不知所措的你一點提示：
一、UI測驗
UI用戶界面測驗，主要檢測前端頁面展示效果的，測驗關注的點有如下幾方面：
1.各頁面的風格是否統一
2.各頁面的大小是否一致；同樣的LOGO圖片在各個頁面中顯示是否大小一致；頁面及圖片是否居中顯示 、各頁面的title是否正確
3.欄目名稱、文章內容等處的文字是否正確，有錯別字或亂碼；同一級別的字體、大小、顏色是否統一
4.提示、警告或錯誤說明應該清楚易懂，用詞準確，摒棄模棱兩可的字眼
5.切換視窗大小，將視窗縮小后，頁面是否按比例縮小或出現滾動條；
6.各個頁面縮小的風格是否一致（按比例縮小或出現滾動條，不可二者兼有）
7.父表單或主表單的中心位置應該在對角線交點附近；子表單位置應該在主表單的左上角或正中；多個子表單彈出時應該依次向右下方偏移，以顯示出表單標題為宜
8.按鈕大小基本相似，忌用太長名稱，免得占用太多的頁面位置；避免空曠的頁面放置很大的按鈕；按鈕的樣式風格要統一；按鈕之間的間距要一致
9.頁面顏色是否統一；前景色與背景色搭配合理協調，反差不宜太大，最好用深色或刺目的顏色
10.若有滾動資訊或者圖片，將滑鼠放置其上，查看滾動資訊或圖片是否停止
11.導航處是否按欄目相應的級別顯示；導航文字是否在同一行顯示
12.所有的圖片是否被正確裝載，在不同的瀏覽器，解析度下圖片是否能正常顯示（包括位置、大小）
13.文章串列頁，左側的欄目是否與一級、二級欄目的名稱、順序一致
14.調整解析度驗證頁面風格是否有錯誤現象
15.滑鼠移動到Flash焦點特效上是否實作，移出焦點特效是否消失
二、鏈接測驗
web網站的主體內容就是大量鏈接，必須全面測驗，鏈接測驗主要分為以下幾個方面：
1.頁面是否有無法連接的內容；圖片是否能正常顯示，有無冗余圖片，代碼是否規范，
2.頁面是否存在死鏈接（可用HTML Link Validator工具查找）
3.圖片是否有無用鏈接；點擊圖片上的鏈接是否跳轉到正確頁面
4.頁面點擊LOGO下的一級欄目或二級欄目名稱，是否可進入相應的欄目
5.點擊首頁或串列頁的文章標題的鏈接，是否可進入相應的文章詳情頁
6.點擊首頁欄目名稱后的【更多】鏈接，是否正確跳轉到相應頁面
7.文章串列頁、左側欄目的鏈接，是否可正確跳轉到相應的欄目頁面
8.導航鏈接的頁面是否正確；是否可按欄目級別跳轉到相應的頁面 （例，【首頁-服務與支持-客服中心】，分別點擊“首頁”，“服務與支持”，“客服中心”，查看是否可跳轉到相應頁面）
三、搜索測驗
1.搜索按鈕功能是否實作
2.輸入網站中存在的資訊，能否正確搜索出結果
3.輸入鍵盤中的特殊字符，是否報錯：特別關注 :_? ’ . \ /--；特殊字符
4.系統是否支持快捷鍵回車鍵，Tab
5.搜索出的結果頁面是否與其他頁面風格一致
6.在輸入框輸入空格，點擊搜索系統是否會報錯
7.本站內搜索域中不輸入任何內容，是否搜索出是全部資訊或者是給與提示
8.精確查詢還是模糊查詢，如果是模糊查詢輸入：中%國，應該包含中國兩個字的資訊
9.焦點放置搜索框中，搜索框內容是否被清空
10.搜索輸入域是否實作回車監聽事件
11.輸入超長字符查詢
12.空格或空、null條件查詢
13.關鍵字前、后、中間有空格，顯示搜索結果是否一致
14.選擇框各種條件查詢資料是否正確
15.請選擇查詢是否為所有資料
16.輸入資料庫中不存在的資訊
17.必填查詢條件驗證
18.默認查詢條件
19.輸入不符合要求的資料，看是否有提示：如日期格式：YYYY-MM-DD；范圍：月份中輸入13等，一般這些資料都是列舉型資料，以下拉框的形式出現
20.敏感字查詢
21.搜索內容顯示，是否可以按照文章搜索關鍵字進行排名
四、表單提交測驗
1.注冊、登陸功能能否實作
2.提交、清空按鈕是否實作
3.修改表單與注冊頁面資料項是否相同，修改表單是否對重名做驗證
4.提交資料是否能正常保存到后臺資料庫中（后臺資料庫中資料應與前臺錄完內容完全一致，資料不會丟失或被改變）
5.表單提交，洗掉，修改后是否有提示內容
6.瀏覽器前進、后退、重繪按鈕，是否會造成資料庫重現或頁面報錯
7.提交表單是否支持回車鍵和Tab鍵
8.下拉選單功能是否實作和資料是否完整（例如：省份和市區下拉串列資料是否實作互動）
五、輸入域測驗
1.對于手機、郵箱、證件號等的輸入是否有長度及型別的控制
2.輸入中文、英文、數字、特殊字符（特別注意單引號，反斜杠）及混合輸入，是否會報錯
3.輸入空格、空格+資料、資料+空格，是否會報錯
4.輸入html語言的
5.輸入全角、半角的英文、數字、特殊字符等，是否報錯
6.是否有必填項的控制；不輸入必填項，是否有有好提示資訊
7.輸入超長欄位，頁面是否被撐開
8.分別輸入大于、小于、等于資料表規定欄位長度的資料，是否報錯
9.輸入非資料表中規定的資料型別的字符，是否有有好提示資訊
10.在文本框中輸入回車，顯示時，是否回車換行
11.密碼輸入域資料是否可見
六、分頁測驗
1.當沒有資料時，首頁、上一頁、下一頁、尾頁標簽全部置灰
2.在首頁時，“首頁”,”上一頁”標簽置灰，在尾頁時，“尾頁”,”下一頁”標簽置灰，在中間頁時，四個標簽均可點擊，且跳轉正確
3.翻頁后，串列中的資料是否仍按照指定的順序進行排序
4.各個分頁標簽是否在同一水平線上
5.各個頁面的分頁標簽是否一致
6.分頁的總頁數及當前頁數顯示是否正確
7.是否能正確跳轉到指定的頁數
8.再分頁處輸入非數字字符（英文，特殊字符等），輸入0或超出總頁數的數字，是否有友好提示資訊
9.是否支持回車鍵的監聽
七、兼容性測驗
對于web端的兼容性測驗，我們重點關注瀏覽器的兼容性即可，驗證不同廠商的瀏覽器對Java、Javascript、ActiveX、plug-ins或HTML的支持；框架和層次結構在不同瀏覽器展示效果等，常見的瀏覽器有：
1、IE瀏覽器： IE是微軟公司旗下瀏覽器，曾經是目國內用戶量最多的瀏覽器，但由于其體量太大，效率低，開發兼容困難，給web應用開發帶來很多的苦惱，從win10之后，微軟也已經放棄IE，除了一些政府機構還在使用外，互聯網行業很少在IE上開發web應用啦，
2、Opera瀏覽器： Opera是挪威Opera Software ASA公司旗下的瀏覽器，需要進行兼容性測驗，
3、Safari瀏覽器： 蘋果公司的Safari瀏覽器，主要用于蘋果Mac、Mac book及iPhone手機，需要兼容測驗，
4、Firefox瀏覽器： Firefox瀏覽器使Mozilla公司旗下瀏覽器，以豐富的插件著稱，是一款一直活躍的瀏覽器，需要兼容性測驗，
5、Chrome瀏覽器： Chrome瀏覽器是google旗下的瀏覽器，Chrome瀏覽器至發布以來一直講究簡潔、快速、安全，所以>Chrome瀏覽器到現在一直受人追捧，是現在web開發的主要戰場，需優先進行兼容性測驗，
結語
測驗一個web網站內容就講到這里啦！如有需要了解軟體測驗相關的其他內容，可到「 主頁 」進行查看學習~
同時，有不理解或有誤需要補充的地方也歡迎評論區共同探討大家一起交流技術??，
- ??如果這篇文章對你有用，記得點個贊????加個關注支持我一下~
- ??我們下期見！??????
推薦閱讀：
-
自從學了這套框架，自動化+性能都搞定了
-
??這應該是Postman最詳細的中文使用教程了??(新手使用，簡單明了)
-
基礎很好？總結了43個作業中容易遺忘的 Linux 操作，倒要看看你能拿幾分？
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/330025.html
標籤：其他