WEB兼容性測試----PC端兼容矩陣的設(shè)計(jì)

偽裝

前言

Web的載體是瀏覽器,隨著互聯(lián)網(wǎng)的發(fā)展儡毕,市面上存在各式各樣的瀏覽器也切,Web的兼容測試變得更加重要扑媚。然而,兼容性測試一直是專項(xiàng)測試中比較繁瑣的一部分任務(wù)雷恃。如何選擇典型的平臺建立有效的兼容矩陣一直困擾著小編疆股。本文,通過各項(xiàng)資料的調(diào)研倒槐,結(jié)合瀏覽器的發(fā)展史旬痹,分析了市場上瀏覽器、系統(tǒng)平臺和分辨率占有率,總結(jié)了兼容測試矩陣两残,供大家參考永毅。

一些你需要了解的背景知識

Web兼容測試一般以瀏覽器為主,平臺人弓、分辨率為輔沼死。首先,先從時(shí)間線了解下瀏覽器的發(fā)展史崔赌。從1990第一款瀏覽器誕生后意蛀,廠商之戰(zhàn)硝煙四起。從瀏覽器的命名到標(biāo)準(zhǔn)協(xié)議的制定再到自主研發(fā)內(nèi)核健芭,瀏覽器的發(fā)展經(jīng)歷了蛻變的過程县钥。

瀏覽器誕生里程碑

瀏覽器是Web客戶端最核心的構(gòu)件,來自不同廠商的瀏覽器對Java慈迈、JavaScript若贮、 ActiveX、 plug-ins或不同的HTML規(guī)格有不同的支持痒留。那么是什么引起了這些不同兜看?回答是瀏覽器的內(nèi)核。來自百度百科的定義狭瞎,瀏覽器最重要或者說核心的部分是“Rendering Engine”细移,可大概譯為“渲染引擎”,不過我們一般習(xí)慣將之稱為“瀏覽器內(nèi)核”熊锭。負(fù)責(zé)對網(wǎng)頁語法的解釋(如標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用HTML弧轧、JavaScript)并渲染(顯示)網(wǎng)頁。瀏覽器的內(nèi)核是由排版引擎和JS引擎組成碗殷。

排版引擎主要負(fù)責(zé)取得網(wǎng)頁的內(nèi)容(HTML精绎、XML、圖象等等)锌妻、整理信息(例如加入CSS等)代乃,以及計(jì)算網(wǎng)頁的顯示方式然后會輸出至顯示器或打印機(jī)。歷史的洪流是洶涌的仿粹,在瀏覽器的發(fā)展競爭中搁吓,Opera風(fēng)靡一時(shí)的Presto排版引擎在2013退出了舞臺,而Webkit引擎通過對linux系統(tǒng)的排版引擎KHTML的改造吭历,成為了新一代霸主堕仔。目前,市場上活躍的排版引擎是Trident晌区、Gecko摩骨、Webkit通贞、Blink、Chromium恼五,其中Blink是Chrome和Opera聯(lián)合昌罩,基于webkit研發(fā)一套效率更高的引擎,Chromium則是Chrome的開源項(xiàng)目灾馒,供給非自主研發(fā)內(nèi)核的廠商做定制化開發(fā)峡迷。

排版引擎及代表瀏覽器

另一方面,JS引擎的豐富也是不容小覷你虹。JavaScript引擎是一種進(jìn)程虛擬機(jī)绘搞,被嵌入到瀏覽器中,專門設(shè)計(jì)來解釋和執(zhí)行的 JavaScript 代碼傅物。JS引擎和排版引擎一般是成對出現(xiàn)的夯辖,即各大排版引擎代表廠商相繼開發(fā)優(yōu)化了自己的JS解析器。

JS引擎和代表瀏覽器

誰是市場的寵兒

了解了瀏覽器的發(fā)展歷程和當(dāng)前主流的內(nèi)核董饰,現(xiàn)在我們來看看關(guān)于瀏覽器蒿褂、系統(tǒng)平臺和分辨率市場的導(dǎo)向。

1. 瀏覽器的市場份額

全市場份額的數(shù)據(jù)來看卒暂,截至2017年8月啄栓,全球PC瀏覽器市場份額榜首為Chrome,其他內(nèi)核的瀏覽器也在市場上展現(xiàn)了優(yōu)勢也祠。國內(nèi)的瀏覽器市場與國際市場最明顯的差異表現(xiàn)在基于Chromium+Trident內(nèi)核改造的雙核瀏覽器活躍度昙楚。需要指出的是,雖然國產(chǎn)的雙核瀏覽器的內(nèi)核大部分是基于同樣的雙核诈嘿,但在研發(fā)過程中為了突出差異性堪旧,各廠商對內(nèi)核做了不同改造,因此需要區(qū)分測試奖亚。

來源:StatCounter-Desktop Browsers
來源:百度統(tǒng)計(jì)流量研究院

因?yàn)g覽器的迭代速度較快淳梦,一般選擇瀏覽器的最新版本。為了進(jìn)一步精確兼容的覆蓋范圍昔字,本次針對市場份額最大的四大內(nèi)核代表瀏覽器爆袍,分別以支持winXP系統(tǒng)、HTML5技術(shù)等為差異點(diǎn)進(jìn)行了簡單的版本調(diào)研:

2. 系統(tǒng)平臺市場份額

目前市面上主流PC端的操作系統(tǒng)有Windows作郭、Mac OS陨囊、Linux等。截至2017年8月所坯,全球PC操作系統(tǒng)是份額依然是Windows谆扎、Mac OS、Linux占據(jù)主流市場地位芹助,其中Windows10市場份額呈上漲趨勢堂湖,Windows8、Windows XP均出現(xiàn)明顯下降状土。從國內(nèi)市場占比來看无蜂,Windows占領(lǐng)近95%的市場,其中Windows7依然呈現(xiàn)超過60%的領(lǐng)先地位蒙谓。

來源:NetMarketShare
來源:百度統(tǒng)計(jì)流量研究院

3. 分辨率的選取

據(jù)百度瀏覽研究院統(tǒng)計(jì)斥季,2017年分辨率的占比最高的是360*640,且呈現(xiàn)上漲趨勢累驮,主要原因是移動端瀏覽器的崛起酣倾。

來源:百度統(tǒng)計(jì)流量研究院

PC端兼容性矩陣

綜合主流內(nèi)核和市場導(dǎo)向,得出PC端兼容性測試的矩陣為:

參考

http://blog.csdn.net/djd1234567/article/details/52471647

http://www.search1990.com/other/201604032134.html

https://www.zhihu.com/question/52250984

http://www.iimedia.cn/52687.html

http://litten.me/2014/09/26/history-of-browser-useragent/

http://www.cnblogs.com/xiyangbaixue/archive/2014/10/22/4042548.html

http://blog.csdn.net/wangji5850/article/details/51005064

http://blog.csdn.net/baidu_35738377/article/details/53282141

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末谤专,一起剝皮案震驚了整個(gè)濱河市躁锡,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌置侍,老刑警劉巖映之,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異蜡坊,居然都是意外死亡杠输,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進(jìn)店門秕衙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蠢甲,“玉大人,你說我怎么就攤上這事据忘∠康觯” “怎么了?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵若河,是天一觀的道長能岩。 經(jīng)常有香客問我,道長萧福,這世上最難降的妖魔是什么拉鹃? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮鲫忍,結(jié)果婚禮上膏燕,老公的妹妹穿的比我還像新娘。我一直安慰自己悟民,他們只是感情好坝辫,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著射亏,像睡著了一般近忙。 火紅的嫁衣襯著肌膚如雪竭业。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天及舍,我揣著相機(jī)與錄音未辆,去河邊找鬼。 笑死锯玛,一個(gè)胖子當(dāng)著我的面吹牛咐柜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播攘残,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼拙友,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了歼郭?” 一聲冷哼從身側(cè)響起遗契,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎实撒,沒想到半個(gè)月后姊途,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡知态,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年捷兰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片负敏。...
    茶點(diǎn)故事閱讀 38,064評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡贡茅,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出其做,到底是詐尸還是另有隱情顶考,我是刑警寧澤,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布妖泄,位于F島的核電站驹沿,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏蹈胡。R本人自食惡果不足惜渊季,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望罚渐。 院中可真熱鬧却汉,春花似錦、人聲如沸荷并。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽源织。三九已至翩伪,卻和暖如春微猖,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背幻工。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工励两, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留黎茎,地道東北人囊颅。 一個(gè)月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像傅瞻,于是被迫代替她去往敵國和親踢代。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評論 2 345

推薦閱讀更多精彩內(nèi)容