NO IMAGE

為什麼要有相容性測試:比web瀏覽器還恐怖的手機瀏覽器

文章分類:軟體開發管理

對於web網站,一般來說,目前我們需要相容的是

1個作業系統(windows)X 3種瀏覽器(ie 6、ie7、firefox)= 3種情況

要求高一點的web網站需要相容的是

1個作業系統(windows)X 7種瀏覽器(ie6、ie7、firefox、chorme、opera、safari、遨遊) 1個作業系統(mac) X 1種瀏覽器(safari)= 8種情況

:以上瀏覽器除了ie外,均指其最新版本。另,遨遊瀏覽器雖然是基於ie核心,但某些表現卻完全出人意料,故也加入考慮。

好了,以上最多8種需要相容的情況,已經讓人大呼頭痛不已,何況事實上這些瀏覽器對html程式碼本身的解析都是沒問題的,你比較需要費心的只是 ie6的css和js。

那麼手機瀏覽器有多少種需要相容的情況呢?

 

上一篇文章 看來,如果要做到比較好的相容性,我們要相容的手機瀏覽器至少有二十種情況(手機自帶的瀏覽器 使用者可安裝的瀏覽器)

web瀏覽器的相容性大致可根據瀏覽器的渲染引擎來確定相容型別,但手機瀏覽器,即使是使用的同一個渲染引擎,在不同的手機上表現也可能很不一樣。

還有兩個更令人頭痛的問題:

  1. 你沒法使用css hack
  2. 你也沒法逐一去測試各瀏覽器的實際效果

所以,當你涉足手機網站開發的時候,你才會感概,web瀏覽器們真是太仁慈了。

不過事情還不算太壞,就目前來看,基於手機瀏覽器的限制,一般手機網站的佈局和功能不會太複雜,而高階一些的手機瀏覽器(如iphone等)相容性還是很理想的,不用操心。

不管怎樣,對於一個專業的手機網站來說,有一份專業的瀏覽器相容性測試報告是非常有必要的。面對成百上千的手機型號,還有日益強大的山寨機,我們的相容性測試要覆蓋哪些機型呢?

2 目標使用者資料探勘

我們基本不可能兼顧到所有型別的手機瀏覽器,所以你必須要根據你的使用者資料來決定要測試相容性的手機型號。

你的手上需要有以下資料:

  1. 你的網站訪問的手機型號統計
  2. 使用者訪問你的網站的主要行為

如果拿不到這些資料,那麼接下來的相容性測試將會艱難很多,你不得不通過廣撒網的方式,測試儘可能多的手機(而不是主要目標客戶群的手機)來確認某些屬性的相容性,這可不是一個好主意,相信讓你的老闆掏銀子給你採購幾十乃至上百臺手機不太現實。

總的來說,你需要得到測試手機的以下資料:

手機型號、作業系統、瀏覽器型別、螢幕尺寸、顏色深度

3 安排測試,整理測試結果

當我們設計測試點的時候,應該涵蓋哪些內容呢?

  1. 對xhtml程式碼本身的支援度 ,如是否支援<input type=”image” />
  2. 對特殊字元的支援度 ,如★◆
  3. 對css的支援度
    • 對css不同引入方式的支援
    • 對css的屬性的支援
    • 對css某屬性不同屬性值的支援,如margin的取負值、background-repeat的不同取值
    • 對css選擇器的支援,如tag,class,id,選擇器的巢狀
    • 對css高階選擇器的支援
  4. 對js的支援度
    • 目前還不太可能在手機上建立很複雜的js效果,可以僅測試js的基本功能,比如對事件的支援,當然,使用js最重要的是要考慮好如何優雅降級,確保使用者在沒有js的情況下也能順利完成任務
  5. 對圖片的支援度
    • 支援圖片型別,包括gif非透明背景、gif透明背景、gif動畫圖、jpg、png8非透明背景、png8透明背景、png24非透明背景和 png24透明背景
    • 支援圖片顏色,如色彩複雜的圖片,光滑漸變的圖片

設計一個專用於測試的excel表格,方便測試人員填寫測試結果也是非常重要的工作,如果這一步沒有做好,也許你之前所有的努力都將白費。傳承有價值的研究結果,其意義不低於研究本身。