一、為什麼要做瀏覽器相容測試?
產品說:我的使用者要在ie瀏覽器和360瀏覽器上面使用我們這個系統
好的,需求這就來了。測試時就需要在這兩個瀏覽器上測試系統的顯示效果是否正常,這就是相容測試。這只是在有特定使用者需求下的瀏覽器相容
那麼在一些沒有確定相容範圍的情況下,為了滿足大部分使用者在不同瀏覽器上使用時,保證系統使用正常及顯示統一,我們就需要選擇一些主流的瀏覽器來進行相容測試(團隊規模大可以相容所有的路過一下)
之後可以再根據一些特需使用者的反饋,來進行相容一些非主流的瀏覽器
二、瀏覽器的選擇
在生活中會遇到很多瀏覽器,常見的就是ie,chrome,360等,可以根據一些經驗或者他人的總結來選擇主流瀏覽器
但是實質上,做相容測試,要相容的東西叫做核心。瀏覽器核心,是指瀏覽器最核心的部分,負責對網頁語法的解釋並渲染(顯示)網頁。所謂的瀏覽器核心,也就是瀏覽器所採用的渲染引擎,渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式資訊。不同的瀏覽器核心對網頁編寫語法的解釋也有不同,因此同一網頁在不同的核心的瀏覽器的渲染(顯示)效果也可能不同
所以需要根據瀏覽器的核心進行篩選,找出需要相容測試的瀏覽器
以下是一些市面常見瀏覽器的核心
ie瀏覽器:trident核心
谷歌瀏覽器:webkit核心,後與opera共同開發了blink核心
safari瀏覽器:webkit核心
opera瀏覽器:presto核心,後與谷歌共同開發了blink核心
火狐/mozilla firefox/water fox瀏覽器:gecko核心
360/獵豹瀏覽器:trident+blink雙核心
搜狗/遨遊/qq瀏覽器:trident+webkit雙核心
uc瀏覽器:u3核心,實際是基於webkit核心上的二次開發核心
其他一些部分瀏覽器是「雙核」甚至是「多核」,其中乙個核心是trident,然後再增加乙個其他核心。國內的廠商一般把其他核心叫做「高速瀏覽模式」,而trident則是「相容瀏覽模式」,使用者可以來回切換
可以看出,核心主要就是trident核心,webkit核心,blink核心,gecko核心。可以根據這四個核心選擇四種瀏覽器進行相容即可,一般選擇ie,谷歌,safari,火狐進行相容即可。
特別注意的是,ie瀏覽器的核心版本更新了幾次,從以往測試經驗來看,每個版本的區別較大並且還有一些比較怪異的現象,所以ie相容測試,就需要相容多個ie版本
ie6/7/8:(trident 4.0)
ie9:(trident 5.0)
ie10:(trident 6.0)
從ie9開始,ie瀏覽器有相容性檢視功能,所以在ie10上就可以做所有版本ie瀏覽器的相容測試了。
三、如何做瀏覽器相容測試
1.現在市面上有很多付費平台可以做相容測試,公司如果對於相容要求較高並且有預算,可以選擇付費去做相容測試。比如testin雲測等
2.人工方式做相容測試
1)測試人員多的情況下,每人使用一款瀏覽器進行測試
2)人員不足的情況下,可以根據測試輪次或者迭代版本使用不同的瀏覽器進行測試
瀏覽器相容
瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...
瀏覽器相容
1 css bug css樣式在各瀏覽器中解析不一致的情況,或者說 css樣式在瀏覽器中不能正確顯示的問題稱為 css bug.2 css hack css中,hack 是指一種相容 css在不同瀏覽器中正確顯示的技巧方法,因為它們都屬於個人對 css 的非官方的修改,或非官方的。有些人更喜歡使用 ...
瀏覽器相容
所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...