1. 程式人生 > >web瀏覽器相容性如何測試

web瀏覽器相容性如何測試

Web瀏覽器相容如何測試

如今, 市面上的瀏覽器種類越來越多,版本迭代頻繁,同一web頁面在不同瀏覽器上顯示效果不盡相同,而使用者對瀏覽器的選擇也會有很大的差異。為了保證專案在這些瀏覽器上都能正常工作,針對不同的瀏覽器做相容性測試是十分有必要的。

瀏覽器相關相容性測試時的測試要點:

1. 測試Web頁面在不同瀏覽器的介面是否一致:

a)介面是否正常載入;

b)介面的CSS樣式是否顯示完全;

c)文字圖片的統一性;

d)排版是否整齊一致;

e)資料是否正確;

f)特效是否正常顯示等;

2. 測試web頁面在不同瀏覽器的易用性(易於使用)是否一致和正常:

a)介面中的所有控制元件是否能正常顯示和使用;

b)提示資訊是否正常和完整;

c)在不同解析度下介面是否友好和正常顯示;

d)視窗的最大化和最小化 是否能正常顯示等;

3. 測試web頁面在不同瀏覽器的功能是否正常運轉:

a)登入註冊功能,搜尋功能,導航功能,新增修改刪除功能,匯入匯出功能;

b)上傳下載圖片功能,下載檔案功能;

c)地圖功能,視訊播放功能,音訊播放功能;

d)系統資料計算功能,連結跳轉功能;

4.    測試web頁面在不同瀏覽器一些鍵位是否能正確運作:

a)返回鍵;

b)回車鍵;

c)重新整理鍵;

d)空格鍵;

e)快捷鍵等;

5. 測試web頁面在不同瀏覽器效能方面是否正常和一致:

a)連線速度是否一致;

b)在同一環境下的,壓力和負載測試的結果是否一致等;

6. 測試web頁面在不同瀏覽器安全性方面是否正常和一致:

a)資料傳輸是否加密;

b)是否加密形式儲存等。

瀏覽器選擇時考慮的因素:

1. 核心

瀏覽器最重要的核心是“渲染引擎”,我們習慣稱之為“瀏覽器核心”。它負責對網頁語法解釋並渲染網頁,渲染引擎決定了瀏覽器如何顯示網頁內容以及頁面格式資訊,不同的瀏覽器核心對網頁的語法解釋也有不同,因此同一網頁在不同核心的瀏覽器裡的渲染效果也可能不同。

主要核心有TridentWebkitGeckoBlink,如下

核心

瀏覽器

特點

優缺點

Trident

IE

該核心程式在1997年的IE4中首次被採用,是微軟在Mosaic程式碼的基礎之上修改而來的,並沿用到IE11,也被普遍稱作”IE核心”特點非開源。

優點:相容性好,CPU佔用小,記憶體佔用小。

缺點:該核心BUG很多,安全性問題沒有得到解決。

Gecko

Firefox

Gecko的特點時程式碼完全公開,因此其開發程度很高,全世界的程式設計師都可以為其編寫程式碼,增加功能。

優點:拓展性強,外掛定製方便。

缺點:操作太過複雜,元件多後會很臃腫,組裝件啟動較慢。

Webkit

Safri

Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎,它的特點在於原始碼結構清晰、渲染速度極快。

優點:在於高效穩定,且原始碼結構清晰,易於維護,網頁瀏覽速度較快。

缺點:對於網頁程式碼的容錯性不高,也就是說對網頁程式碼的相容性較低,會使一些編寫不標準的網頁無法正確顯示。

Blink

Chrome

Blink是一個由Google和Opera Software開發的瀏覽器排版引擎,這一渲染引擎是開源引擎WebKit中WebCore元件的一個分支,但渲染結果與Webkit存在一定的差異。

優點:不易崩潰速度快原始碼結構清晰,易於維護,比webkit更精簡、更高效。

缺點:對於網頁程式碼的容錯性不高,系統資源佔用較高。

2. 市場佔有率

在選擇需要測試的瀏覽器時,還需要參考瀏覽器的市場佔有率。考慮到客戶群體的使用情況,目前只參考國內的瀏覽器市場佔有率,具體排行如下: 

3. IE版本

單獨考慮IE是因為它是windows的預設瀏覽器,市場佔有率較高,低版本的IE並不是完全執行W3C標準,並且各版本的核心功能不同,控制元件資料顯示也不同,因此web專案在不同版本的IE上會有很多的相容性問題。

在IE各個版本中,IE6因為版本太低,市場佔有率不高,所以不考慮;而IE10因為windows系統原因,市場佔有率低,所以也不考慮。目前IE版本市場份額如下:

結合以上3個因素,做瀏覽器相容性測試時,主要會用以下瀏覽器進行測試:

chromeFirefox、Safari、IE7IE8IE9IE11、搜狗、QQ2345瀏覽器