web界面測試中須要測試的幾個方面

一、 控件測試

Web應用與其餘應用程序同樣，也有許多用以實現各類功能或者操做的控件，好比常見的按鈕、單選框、複選框、下拉列表框等等。最基本的固然須要考慮每個控件其功能是否達到使用要求，是否合適的使用。有狀態屬性的控件在進行多種操做以後，控件狀態是否依然可以保持正確，界面信息是否顯示正常。

二、 多媒體測試

現現在的Web應用中，主流的一些多媒體內容包括圖片、GIF動畫、Flash、Silverlight等。能夠經過如下方面進行測試：

(1)    要確保圖形有明確的用途，圖片或動畫排列有序而且目的明確

(2)    圖片按鈕連接有效，而且連接的屬性正確（好比是新建窗口打開仍是在當前頁面打開）

(3)    背景圖片應該與字體顏色和前景顏色相搭配

(4)    檢查圖片的大小和質量，通常採用JPG、GIF、PNG格式，而且在不影響圖片質量的狀況下能使圖片的大小減少到 30k 如下

(5)    GIF動畫是否設置了正確的循環模式，其顏色是否顯示正常

(6)    Flash、Silverlight元素是否顯示正常。若是是控件類，功能是否可以實現

三、內容測試

內容測試用來檢驗Web應用系統提供信息的正確性、準確性和相關性。

(1)    驗證全部頁面字體的風格是否一致，包括字體，顏色，字號等方面

(2)    導航是否直觀，Web應用的主要功能是否可經過主頁索引

(3)    站點地圖和導航功能位置、是否合理

(4)    Web頁面結構、導航、菜單、超級連接的風格是否一致，好比指向超級連接，點擊超級連接，訪問後的超級連接是否都進行了處理

(5)    背景顏色應該與字體顏色和前景顏色相搭配

(6)    驗證文字段落、圖文排版是否正確，文字內容是否完整顯示，圖片是否按原有比例顯示

(7)    檢查是否有語法或拼寫錯誤，文字表達是否恰當，超級連接引用是否正確

(8)    連接的形式、位置、是否易於理解

四、 容器測試

DIV和表格在頁面佈局上的基本做用都是做爲一種容器。其中，表格測試分爲兩個方面，一方面是做爲控件，須要檢測其是否設置正確，每一欄的寬度是否足夠寬，表格裏的文字是否都有折行，是否有由於某一格的內容太多，而將整行的內容拉長等；另外一方面，表格做爲較早的網頁佈局方式，目前依然有不少的Web頁使用該方式實現Web頁設計，此時則須要考慮瀏覽器窗口尺寸變化、Web頁內容動態增長或者刪除對Web界面的影響。

DIV+CSS測試則須要界面符合W3C的Web標準，W3C提供了CSS驗證服務，能夠將用DIV+CSS佈局的網站提交至W3C，幫助Web設計者檢查層疊樣式表(CSS)。

還須要測試，在調整瀏覽器窗口大小時，頁面在窗口中的顯示是否正確、美觀，頁面元素是否顯示正確。

五、 瀏覽器兼容性測試

主要測試在主流瀏覽器（IE六、IE八、Chrome、Firefox、Opera等）中Web界面是否顯示正確，包括頁面元素是否顯示正確，功能是否可以知足要求。其中不少問題都是很是細緻的問題，好比界面元素邊框相差1px,2px等。

六、 總體界面測試

對總體界面的測試過程，實際上是一個對最終用戶進行調查的過程。能夠經過外部人員(與Web應用系統開發沒有聯繫或聯繫不多的人員)的參與，獲得最終用戶的反饋信息。

文章轉載自：web界面測試中須要注意的地方  http://www.studyofnet.com/news/1166.html