瀏覽器相關(guān)兼容性測試時(shí)的測試要點(diǎn)：
-
測試Web頁面在不同瀏覽器的界面是否一致:
a)界面是否正常加載；
b)界面的CSS樣式是否顯示完全；
c)文字圖片的統(tǒng)一性；
d)排版是否整齊一致；
e)數(shù)據(jù)是否正確；
f)特效是否正常顯示等；
-
測試web頁面在不同瀏覽器的易用性（易于使用）是否一致和正常:
a)界面中的所有控件是否能正常顯示和使用；
b)提示信息是否正常和完整；
c)在不同分辨率下界面是否友好和正常顯示；
d)窗口的最大化和最小化 是否能正常顯示等；
-
測試web頁面在不同瀏覽器的功能是否正常運(yùn)轉(zhuǎn):
a)登錄注冊功能，搜索功能，導(dǎo)航功能，添加修改刪除功能，導(dǎo)入導(dǎo)出功能；
b)上傳下載圖片功能，下載文件功能；
c)地圖功能，視頻播放功能，音頻播放功能；
d)系統(tǒng)數(shù)據(jù)計(jì)算功能，鏈接跳轉(zhuǎn)功能；
-
測試web頁面在不同瀏覽器一些鍵位是否能正確運(yùn)作:
a)返回鍵；
b)回車鍵;
c)刷新鍵;
d)空格鍵；
e)快捷鍵等；
-
測試web頁面在不同瀏覽器性能方面是否正常和一致:
a)連接速度是否一致；
b)在同一環(huán)境下的，壓力和負(fù)載測試的結(jié)果是否一致等；
-
測試web頁面在不同瀏覽器安全性方面是否正常和一致:
a)數(shù)據(jù)傳輸是否加密;
b)是否加密形式儲(chǔ)存等。
瀏覽器選擇時(shí)考慮的因素：
1.瀏覽器選擇
現(xiàn)在國內(nèi)常見的瀏覽器有：IE、Firefox、QQ瀏覽器、Safari、Opera、Google Chrome、百度瀏覽器、搜狗瀏覽器、獵豹瀏覽器、360瀏覽器、UC瀏覽器、遨游瀏覽器、世界之窗瀏覽器等。但目前最為主流瀏覽器有五大款，分別是IE、Firefox、Google Chrome、Safari、Opera。
| 瀏覽器 | 內(nèi)核 | 備注 |
|---|---|---|
| IE | Trident | IE、獵豹安全、360極速瀏覽器、百度瀏覽器 |
| firefox | Gecko | 可惜這幾年已經(jīng)沒落了，打開速度慢、升級(jí)頻繁、豬一樣的隊(duì)友flash、神一樣的對(duì)手chrome。 |
| Safari | webkit | 從Safari推出之時(shí)起，它的渲染引擎就是Webkit，一提到 webkit，首先想到的便是 chrome，可以說，chrome 將 Webkit內(nèi)核 深入人心，殊不知，Webkit 的鼻祖其實(shí)是 Safari。 |
| chrome | Chromium/Blink | 在 Chromium 項(xiàng)目中研發(fā) Blink 渲染引擎（即瀏覽器核心），內(nèi)置于 Chrome 瀏覽器之中。Blink 其實(shí)是 WebKit 的分支。大部分國產(chǎn)瀏覽器最新版都采用Blink內(nèi)核。二次開發(fā) |
| Opera | blink | 現(xiàn)在跟隨chrome用blink內(nèi)核。 |
簡單介紹一下五大主流瀏覽器。（按時(shí)間順序）
1、IE瀏覽器：
IE是微軟公司旗下瀏覽器，是目國內(nèi)用戶量最多的瀏覽器。IE誕生于1994年，當(dāng)時(shí)微軟為了對(duì)抗市場份額占據(jù)將近百分之九十的網(wǎng)景Netscape Navigator，于是在Windows中開發(fā)了自己的瀏覽器Internet Explorer，自此也引發(fā)了第一次瀏覽器大戰(zhàn)。結(jié)果可想而知，微軟大獲全勝，網(wǎng)景不得不將自己賣給AOL公司。但實(shí)際上事情并沒有結(jié)束，網(wǎng)景后來開發(fā)了風(fēng)靡一時(shí)的Firefox火狐，至今Firefox也成為世界五大瀏覽器之一。
1996年，微軟從Spyglass手里拿到Spyglass Mosaic的源代碼和授權(quán)，開始開發(fā)自己的瀏覽器IE。后來，微軟以IE和Windows捆綁的模式不斷向市場擴(kuò)展份額，使IE成為市場的絕對(duì)主流。現(xiàn)在裝了Windows系統(tǒng)的電腦基本無法卸載IE。
2、Opera瀏覽器：
Opera是挪威Opera Software ASA公司旗下的瀏覽器。1995年，opera公司發(fā)布第一版Opera瀏覽器，使用自己研發(fā)的Presto內(nèi)核。當(dāng)時(shí)opera公司的開發(fā)團(tuán)隊(duì)不斷完善Presto內(nèi)核，使Opera瀏覽器一度成為頂級(jí)瀏覽器。直到2016年奇虎360和昆侖萬維收購了Oprea瀏覽器，從此也丟棄了強(qiáng)大的Presto內(nèi)核，改用當(dāng)時(shí)Google開源的webkit內(nèi)核。后來Opera瀏覽器跟隨Google將瀏覽器內(nèi)核改為Blink內(nèi)核。自此Presto內(nèi)核也淡出了互聯(lián)網(wǎng)市場。
3、Safari瀏覽器：
第二次瀏覽器大戰(zhàn)是從蘋果公司發(fā)布Safari瀏覽器開始的。2003年，蘋果公司在蘋果手機(jī)上開發(fā)Safari瀏覽器，利用自己得天獨(dú)厚的手機(jī)市場份額使Safari瀏覽器迅速成為世界主流瀏覽器。Safari是最早使用webkit內(nèi)核的瀏覽器也是現(xiàn)在蘋果默認(rèn)的瀏覽器。
4、Firefox瀏覽器：
Firefox瀏覽器使Mozilla公司旗下瀏覽器，也是剛才提到的網(wǎng)景公司后來的瀏覽器。網(wǎng)景被收購后，網(wǎng)景人員創(chuàng)辦了Mozilla基金會(huì)，這是一個(gè)非盈利組織，他們在2004年推出自己的瀏覽器Firefox。Firefox采用Gecko作為內(nèi)核。Gecko是一個(gè)開源的項(xiàng)目，代碼完全公開，因此受到很多人的青睞。Firefox的問世加快了第二次瀏覽器大戰(zhàn)的開始。第二次瀏覽器大戰(zhàn)與第一次二元鼎力的局面不同，這一次的特點(diǎn)就是百家爭鳴，也自此打破了IE瀏覽器從98年網(wǎng)景被收購后獨(dú)步瀏覽器市場的局面。
5、Chrome瀏覽器：
Chrome瀏覽器是google旗下的瀏覽器。Chrome瀏覽器至發(fā)布以來一直講究簡潔、快速、安全，所以Chrome瀏覽器到現(xiàn)在一直受人追捧。最開始Chrome采用webkit作為瀏覽器內(nèi)核，直到2013年，google宣布不再使用蘋果的webkit內(nèi)核，開始使用webkit的分支內(nèi)核Blink。
2.瀏覽器內(nèi)核
瀏覽器最重要的部分是瀏覽器的內(nèi)核。瀏覽器內(nèi)核是瀏覽器的核心，也稱“渲染引擎”，用來解釋網(wǎng)頁語法并渲染到網(wǎng)頁上。瀏覽器內(nèi)核決定了瀏覽器該如何顯示網(wǎng)頁內(nèi)容以及頁面的格式信息。不同的瀏覽器內(nèi)核對(duì)網(wǎng)頁的語法解釋也不同，因此網(wǎng)頁開發(fā)者需要在不同內(nèi)核的瀏覽器中測試網(wǎng)頁的渲染效果。
五大瀏覽器采用的都是單內(nèi)核，而隨著瀏覽器的發(fā)展現(xiàn)在也出現(xiàn)了雙內(nèi)核：360瀏覽器、QQ瀏覽器都是采用雙內(nèi)核。
主要內(nèi)核有Trident、Webkit、Gecko、Blink，如下：
| 內(nèi)核 | 瀏覽器 | 特點(diǎn) | 優(yōu)缺點(diǎn) |
|---|---|---|---|
| Trident | IE | 該內(nèi)核程序在1997年的IE4中首次被采用，是微軟在Mosaic代碼的基礎(chǔ)之上修改而來的，并沿用到IE11，也被普遍稱作”IE內(nèi)核”特點(diǎn)非開源。 | 優(yōu)點(diǎn)：兼容性好，CPU占用小，內(nèi)存占用小。缺點(diǎn)：該內(nèi)核BUG很多，安全性問題沒有得到解決。 |
| Gecko | Firefox | Gecko的特點(diǎn)時(shí)代碼完全公開，因此其開發(fā)程度很高，全世界的程序員都可以為其編寫代碼，增加功能。 | 優(yōu)點(diǎn)：拓展性強(qiáng)，插件定制方便。缺點(diǎn)：操作太過復(fù)雜，組件多后會(huì)很臃腫，組裝件啟動(dòng)較慢。 |
| Webkit | Safri | Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎，它的特點(diǎn)在于源碼結(jié)構(gòu)清晰、渲染速度極快。 | 優(yōu)點(diǎn)：在于高效穩(wěn)定，且源碼結(jié)構(gòu)清晰，易于維護(hù)，網(wǎng)頁瀏覽速度較快。缺點(diǎn)：對(duì)于網(wǎng)頁代碼的容錯(cuò)性不高，也就是說對(duì)網(wǎng)頁代碼的兼容性較低，會(huì)使一些編寫不標(biāo)準(zhǔn)的網(wǎng)頁無法正確顯示。 |
| Blink | Chrome | Blink是一個(gè)由Google和Opera Software開發(fā)的瀏覽器排版引擎，這一渲染引擎是開源引擎WebKit中WebCore組件的一個(gè)分支，但渲染結(jié)果與Webkit存在一定的差異。 | 優(yōu)點(diǎn)：不易崩潰速度快源碼結(jié)構(gòu)清晰，易于維護(hù)，比webkit更精簡、更高效。缺點(diǎn)：對(duì)于網(wǎng)頁代碼的容錯(cuò)性不高，系統(tǒng)資源占用較高。 |
國內(nèi)主流瀏覽器內(nèi)核總結(jié)：
1、IE瀏覽器內(nèi)核：Trident內(nèi)核，也是俗稱的IE內(nèi)核；
2、Chrome瀏覽器內(nèi)核：統(tǒng)稱為Chromium內(nèi)核或Chrome內(nèi)核，以前是Webkit內(nèi)核，現(xiàn)在是Blink內(nèi)核；
3、Firefox瀏覽器內(nèi)核：Gecko內(nèi)核，俗稱Firefox內(nèi)核；
4、Safari瀏覽器內(nèi)核：Webkit內(nèi)核；
5、Opera瀏覽器內(nèi)核：最初是自己的Presto內(nèi)核，后來加入谷歌大軍，從Webkit又到了Blink內(nèi)核；
6、360瀏覽器、獵豹瀏覽器內(nèi)核：IE+Chrome雙內(nèi)核；
7、搜狗、遨游、QQ瀏覽器內(nèi)核：Trident（兼容模式）+Webkit（高速模式）；
8、百度瀏覽器、世界之窗內(nèi)核：IE內(nèi)核；
9、2345瀏覽器內(nèi)核：好像以前是IE內(nèi)核，現(xiàn)在也是IE+Chrome雙內(nèi)核了；
10、UC瀏覽器內(nèi)核：這個(gè)眾口不一，UC說是他們自己研發(fā)的U3內(nèi)核，但好像還是基于Webkit和Trident，還有說是基于火狐內(nèi)核。
2.市場占有率
在選擇需要測試的瀏覽器時(shí)，還需要參考瀏覽器的市場占有率?？紤]到客戶群體的使用情況，目前只參考國內(nèi)的瀏覽器市場占有率，具體排行如下：
3.IE版本
單獨(dú)考慮IE是因?yàn)樗莣indows的默認(rèn)瀏覽器，市場占有率較高，低版本的IE并不是完全執(zhí)行W3C標(biāo)準(zhǔn)，并且各版本的內(nèi)核功能不同，控件數(shù)據(jù)顯示也不同，因此web項(xiàng)目在不同版本的IE上會(huì)有很多的兼容性問題。
在IE各個(gè)版本中，IE6因?yàn)榘姹咎停袌稣加新什桓?，所以不考慮；而IE10因?yàn)閣indows系統(tǒng)原因，市場占有率低，所以也不考慮。目前IE版本市場份額如下：
結(jié)合以上3個(gè)因素，做瀏覽器兼容性測試時(shí)，主要會(huì)用以下瀏覽器進(jìn)行測試：
chrome、Firefox、Safari、IE7、IE8、IE9、IE11、搜狗、QQ、2345瀏覽器
PS：可以依據(jù)內(nèi)核來測試瀏覽器
chrome & safari使用的是webkit內(nèi)核，F(xiàn)irefox則是Gecko, IE系列的是Trident內(nèi)核，Opera使用Presto內(nèi)核。最新的Opera好像也開始使用webkit內(nèi)核了。
這樣你就可以認(rèn)為，如果在chrome上沒有問題，那么“理應(yīng)”在safari也應(yīng)該沒問題。
