天天做Web測試，咋還不知道怎么測試呢？

最近有工作了一年多的朋友在問我，一個

web

頁面到底怎么

測試

？我的第一感覺是震驚，天天做

web測試

，咋還不知道怎么測試呢？再仔細一想，可能是我們每天忙于測試而忽略測試導致的

該從哪些角度測試一個web網站：

一、UI測試

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

1、各頁面的風格是否統一

2、各頁面的大小是否一致；同樣的LOGO圖片在各個頁面中顯示是否大小一致；頁面及圖片是否居中顯示 、各頁面的title是否正確

3、欄目名稱、

文章

內容等處的文字是否正確，有錯別字或亂碼；同一級別的字體、大小、顏色是否統一

4、提示、警告或錯誤說明應該清楚易懂，用詞準確，摒棄模棱兩可的字眼

5、切換窗口大小，將窗口縮小后，頁面是否按比例縮小或出現滾動條；

6、各個頁面縮小的風格是否一致（按比例縮小或出現滾動條，不可二者兼有）

7、父窗體或主窗體的中心位置應該在對角線交點附近；子窗體位置應該在主窗體的左上角或正中；多個子窗體彈出時應該依次向右下方偏移，以顯示出窗體標題為宜

8、按鈕大小基本相似，忌用太長名稱，免得占用太多的頁面位置；避免空曠的頁面放置很大的按鈕；按鈕的樣式風格要統一；按鈕之間的間距要一致

9、頁面顏色是否統一；前景色與背景色搭配合理協調，反差不宜太大，最好用深色或刺目的顏色

10、若有滾動信息或者圖片，將鼠標放置其上，查看滾動信息或圖片是否停止

11、導航處是否按欄目相應的級別顯示；導航文字是否在同一行顯示

12、所有的圖片是否被正確裝載，在不同的

瀏覽器

，分辨率下圖片是否能正常顯示（包括位置、大?。?/p>

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、否有友好提示信息

10、是否支持回車鍵的監聽

七、兼容性測試

對于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前端

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。