WEB測(cè)試之網(wǎng)頁(yè)測(cè)試

時(shí)間：2023-07-25 09:09:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-25 09:09:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

WEB測(cè)試之網(wǎng)頁(yè)測(cè)試：Web Page Fundamentals(網(wǎng)頁(yè)基本原理)-網(wǎng)頁(yè)包含的元素還是網(wǎng)頁(yè)的一些特征，相對(duì)于傳統(tǒng)的光盤(pán)媒質(zhì)，網(wǎng)頁(yè)元素有其特別的元素和不同。很多網(wǎng)頁(yè)都有但是不局限于以下的基本元素：

　　1.大小各異色彩繽紛N多不同字體的文字。

　　2.圖像和相片

　　3.文字和圖像超鏈接

　　4.廣告

　　5.下拉菜單

　　6.可以添加文字的表單

還有就是一些高級(jí)的動(dòng)態(tài)功能：

　　1.可以讓用戶隨意改變顯示位置的功能(自定義布局- Customizable layout)

　　2.用戶可以選擇其感興趣的新聞(自定義內(nèi)容- Customizable content)

　　3.動(dòng)態(tài)下拉菜單

　　4.動(dòng)態(tài)替換的文字

　　5.根據(jù)分辨率而變化的動(dòng)態(tài)布局和可選內(nèi)容

　　6.對(duì)不同瀏覽器，不同的版本，不同的硬件和軟件平臺(tái)的兼容

　　7.許多增強(qiáng)可用性的隱藏的格式，標(biāo)簽和內(nèi)嵌信息

　黑盒測(cè)試在Web測(cè)試中的應(yīng)用

文字- (Text)：

　　1.對(duì)網(wǎng)頁(yè)的測(cè)試有時(shí)候很想是對(duì)文本的測(cè)試，需要根據(jù)用戶的水平，相關(guān)術(shù)語(yǔ)，內(nèi)容，還有拼寫(xiě)錯(cuò)誤，還有一個(gè)就是要看看那些信息是否已經(jīng)是過(guò)時(shí)的。在這里要注意的是，不要依靠拼寫(xiě)檢查器，因?yàn)樗荒軝z查圖片的文字還有表帶等……

　　2.對(duì)于一些特別有用的信息，例如Email，地址，郵編，電話等……需要加倍留意。最與每個(gè)網(wǎng)頁(yè)的標(biāo)題也要認(rèn)真細(xì)看。

　　3.還有一個(gè)很容易被忽略的地方就是ALT信息，就是我們把鼠標(biāo)移動(dòng)到一個(gè)圖標(biāo)上的彈出提示。

　　4.還有就是用不同的分辨率看看文字有沒(méi)有變化。因?yàn)檫@里有可能出現(xiàn)一種問(wèn)題就是，可能一段文字在特定的分辨率下顯示是好的，換個(gè)分辨率就變得支離破碎了。

　　超鏈接- (Hyperlinks)

　　1.看是否那些超鏈接都是正確的。會(huì)不會(huì)一個(gè)“注冊(cè)”的超鏈接，最后就鏈接到了退出頁(yè)面了。

　　2.如果是一個(gè)在線發(fā)EMAIL的窗口，那么就寫(xiě)個(gè)EMAIL看他能不能發(fā)信出去并且收信人是收到的。

　　3.注意檢查，防止出現(xiàn)孤立的頁(yè)面(orphan pages)。有可能這個(gè)頁(yè)面沒(méi)有出口或者沒(méi)有入口或者兩者都沒(méi)有。

　圖像- (Graphics)

　　1.看圖像有沒(méi)有被正常的load出來(lái)

　　2.如果圖像和文字是弄到一起的，注意看那些在圖像周?chē)奈淖钟袥](méi)有很好的換行，有沒(méi)有文字被那個(gè)圖像遮住了。

表單- (Forms)

　　1.看表單的布局有沒(méi)有問(wèn)題，是不是有些文本框沒(méi)有跟說(shuō)明的文字對(duì)齊

　　2.文本框能否正確輸入內(nèi)容，例如一個(gè)要填入郵編號(hào)碼的文本框里面看能否輸入數(shù)字

　　3.看看是不是所有字段都是必填的。如果有某些是必填的話，看看他們是否真的有效

　其他雜項(xiàng)- (Miscellaneous)

　　1.如果有計(jì)數(shù)器，那么需要對(duì)之進(jìn)行測(cè)試

　　2.如果是有搜索功能，要把這個(gè)站內(nèi)搜索和搜索引擎的搜索分辨清楚

灰盒測(cè)試(Gray-BoxTesting)在Web測(cè)試中的應(yīng)用

　　灰盒測(cè)試就是用黑盒的方法，就是不管里面是怎么弄的，反正我只看功能，然后有結(jié)合白盒測(cè)試的技術(shù)，站在一個(gè)比較高的角度看這個(gè)軟件是如何運(yùn)作的。書(shū)中說(shuō)一個(gè)網(wǎng)頁(yè)比較適合灰盒測(cè)試，因?yàn)镠TML本身不是一種編程語(yǔ)言，只是一種標(biāo)記語(yǔ)言，比較容易理解。一般來(lái)說(shuō)灰盒測(cè)試會(huì)在集成測(cè)試的執(zhí)行過(guò)程中用到，多數(shù)由程序員來(lái)執(zhí)行啦~

　　白盒測(cè)試在網(wǎng)頁(yè)在Web測(cè)試中的應(yīng)用

　　現(xiàn)在這個(gè)年頭，已經(jīng)沒(méi)有人用靜態(tài)網(wǎng)頁(yè)了，有也是通過(guò)一些編程語(yǔ)言來(lái)動(dòng)態(tài)生成的吧。白盒測(cè)試主要對(duì)以下進(jìn)行測(cè)試：

　　1.動(dòng)態(tài)內(nèi)容- (Dynamic Content)

　　2.基于數(shù)據(jù)庫(kù)內(nèi)容的頁(yè)面- (Database-Driven Web Pages)

　　3.程序生成的頁(yè)面- (Programmatically Created Web Pages)

　　4.服務(wù)器性能和負(fù)載- (Server Performance and Loading)

　　5.安全性- (Security)

　　配置測(cè)試和兼容性測(cè)試- (Configuration and Compatibility Testing)

　　配置測(cè)試是一個(gè)檢查你的軟件在不同軟硬件平臺(tái)上以及不同的配置下能否正常工作的過(guò)程

　　兼容性測(cè)試是一個(gè)檢查你的軟件跟其他軟件能否和平共處的過(guò)程

　一些需要注意的東西：

　　1.硬件平臺(tái)- (Hardware Platform)

　　2.瀏覽器軟件及其版本- (Browser Software and Version)

　　3.瀏覽器插件- (Browser Plug-Ins)

　　4.瀏覽器選項(xiàng)- (Browser Options)

　　5.分辨率和色深- (Video Resolution and Color Depth)

　　6.文字大小- (Text Size)

　　7.網(wǎng)速- (Modem Speeds)

可用性測(cè)試在Web測(cè)試中的應(yīng)用

　　可用性測(cè)試估計(jì)是提的比較多的吧。我記得以前看過(guò)一本書(shū)叫《Don't let me think》。里面就是講述了一些提高可用性的方法還有設(shè)計(jì)原則之類的?！盾浖y(cè)試》這本書(shū)提到了10個(gè)最容易犯錯(cuò)點(diǎn)：

　　1.Gratuitous Use of Bleeding-Edge Technology-濫用先進(jìn)技術(shù)，其實(shí)做IT這個(gè)大家都知道技術(shù)更新的很快，但是一般商用的軟件都不會(huì)選擇最新版本或者最前沿的技術(shù)，就好像JAVA都出到1.6了但是很多開(kāi)發(fā)團(tuán)隊(duì)還是在用1.4。穩(wěn)定壓倒一切啊。

　　2.Scrolling Text, Marquees, and Constantly Running Animations-不要搞的整個(gè)頁(yè)面動(dòng)來(lái)動(dòng)去的，因?yàn)橛脩艨吹氖莾?nèi)容，看的是內(nèi)容是否有價(jià)值，而不是花里胡哨的飄來(lái)飄去的文字。

　　3.Long Scrolling Pages-一個(gè)頁(yè)面拉啊拉~拉半天都不到底。

　　4.Non-Standard Link Colors-前面都說(shuō)過(guò)了，標(biāo)準(zhǔn)是要去跟的，不要隨便改動(dòng)，就好像一般鏈接是藍(lán)色的那么就藍(lán)色吧，特別大的標(biāo)題做成紅色是合理的，什么不好的事情做成黑的也是合理的，但是如果出現(xiàn)綠色di……那么就好像有點(diǎn)不合理哦。

　　5.Outdated Information-過(guò)時(shí)的內(nèi)容，這個(gè)有可能出現(xiàn)在郵件地址，電話號(hào)碼的地方。

　　6.Overly Long Download Times-過(guò)長(zhǎng)的下載時(shí)間，一般用戶的忍耐性都是有限，而且現(xiàn)在SB電信搞什么包月改為240小時(shí)，時(shí)間就是金錢(qián)啊。估計(jì)沒(méi)人喜歡看著瀏覽器的進(jìn)度欄干瞪眼。

　　7.Lack of Navigation Support-缺乏導(dǎo)航支持。有些頁(yè)面有進(jìn)沒(méi)有出，或者不能方便的返回上層頁(yè)面。

　　8.Orphan Pages-孤立的頁(yè)面。沒(méi)法進(jìn)，萬(wàn)一不幸進(jìn)了還沒(méi)法出。

　　9.Complex Website Addresses (URLs)-這個(gè)要看當(dāng)時(shí)注冊(cè)了個(gè)啥域名了。。。

　　10.Using Frames-框架的確受人鄙視，不過(guò)不知道為什么哦，RationalClearQuest就用的Frame。

---

我建了一個(gè)測(cè)試小白交流群，私信我，進(jìn)入交流群。我會(huì)給大家分享我收集整理的各種學(xué)習(xí)資料，組織大家一起做項(xiàng)目練習(xí)，幫助大家匹配一位學(xué)習(xí)伙伴互相監(jiān)督學(xué)習(xí)，歡迎加入

作者：-傾城之戀-

來(lái)源：CSDN