瀏覽器相關(guān)兼容性測(cè)試時(shí)的測(cè)試要點(diǎn)：
-
測(cè)試Web頁(yè)面在不同瀏覽器的界面是否一致:
a)界面是否正常加載铅歼；
b)界面的CSS樣式是否顯示完全吁峻；
c)文字圖片的統(tǒng)一性；
d)排版是否整齊一致；
e)數(shù)據(jù)是否正確；
f)特效是否正常顯示等溃槐；
-
測(cè)試web頁(yè)面在不同瀏覽器的易用性（易于使用）是否一致和正常:
a)界面中的所有控件是否能正常顯示和使用；
b)提示信息是否正常和完整科吭；
c)在不同分辨率下界面是否友好和正常顯示昏滴；
d)窗口的最大化和最小化 是否能正常顯示等；
-
測(cè)試web頁(yè)面在不同瀏覽器的功能是否正常運(yùn)轉(zhuǎn):
a)登錄注冊(cè)功能对人，搜索功能影涉，導(dǎo)航功能，添加修改刪除功能规伐，導(dǎo)入導(dǎo)出功能；
b)上傳下載圖片功能匣缘，下載文件功能猖闪；
c)地圖功能鲜棠，視頻播放功能，音頻播放功能培慌；
d)系統(tǒng)數(shù)據(jù)計(jì)算功能豁陆，鏈接跳轉(zhuǎn)功能；
-
測(cè)試web頁(yè)面在不同瀏覽器一些鍵位是否能正確運(yùn)作:
a)返回鍵吵护；
b)回車鍵;
c)刷新鍵;
d)空格鍵盒音；
e)快捷鍵等；
-
測(cè)試web頁(yè)面在不同瀏覽器性能方面是否正常和一致:
a)連接速度是否一致馅而；
b)在同一環(huán)境下的祥诽，壓力和負(fù)載測(cè)試的結(jié)果是否一致等；
-
測(cè)試web頁(yè)面在不同瀏覽器安全性方面是否正常和一致:
a)數(shù)據(jù)傳輸是否加密;
b)是否加密形式儲(chǔ)存等瓮恭。
瀏覽器選擇時(shí)考慮的因素：
1.瀏覽器選擇
現(xiàn)在國(guó)內(nèi)常見(jiàn)的瀏覽器有：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)沒(méi)落了，打開(kāi)速度慢春霍、升級(jí)頻繁砸西、豬一樣的隊(duì)友flash、神一樣的對(duì)手chrome。 |
| Safari | webkit | 從Safari推出之時(shí)起芹枷，它的渲染引擎就是Webkit衅疙，一提到 webkit，首先想到的便是 chrome鸳慈，可以說(shuō)饱溢，chrome 將 Webkit內(nèi)核 深入人心，殊不知走芋，Webkit 的鼻祖其實(shí)是 Safari绩郎。 |
| chrome | Chromium/Blink | 在 Chromium 項(xiàng)目中研發(fā) Blink 渲染引擎（即瀏覽器核心），內(nèi)置于 Chrome 瀏覽器之中翁逞。Blink 其實(shí)是 WebKit 的分支肋杖。大部分國(guó)產(chǎn)瀏覽器最新版都采用Blink內(nèi)核。二次開(kāi)發(fā) |
| Opera | blink | 現(xiàn)在跟隨chrome用blink內(nèi)核熄攘。 |
簡(jiǎn)單介紹一下五大主流瀏覽器兽愤。（按時(shí)間順序）
1、IE瀏覽器：
IE是微軟公司旗下瀏覽器挪圾，是目國(guó)內(nèi)用戶量最多的瀏覽器浅萧。IE誕生于1994年，當(dāng)時(shí)微軟為了對(duì)抗市場(chǎng)份額占據(jù)將近百分之九十的網(wǎng)景Netscape Navigator哲思，于是在Windows中開(kāi)發(fā)了自己的瀏覽器Internet Explorer洼畅，自此也引發(fā)了第一次瀏覽器大戰(zhàn)。結(jié)果可想而知棚赔，微軟大獲全勝帝簇，網(wǎng)景不得不將自己賣給AOL公司。但實(shí)際上事情并沒(méi)有結(jié)束靠益，網(wǎng)景后來(lái)開(kāi)發(fā)了風(fēng)靡一時(shí)的Firefox火狐丧肴，至今Firefox也成為世界五大瀏覽器之一。
1996年胧后，微軟從Spyglass手里拿到Spyglass Mosaic的源代碼和授權(quán)芋浮，開(kāi)始開(kāi)發(fā)自己的瀏覽器IE。后來(lái)壳快，微軟以IE和Windows捆綁的模式不斷向市場(chǎng)擴(kuò)展份額纸巷，使IE成為市場(chǎng)的絕對(duì)主流。現(xiàn)在裝了Windows系統(tǒng)的電腦基本無(wú)法卸載IE眶痰。
2瘤旨、Opera瀏覽器：
Opera是挪威Opera Software ASA公司旗下的瀏覽器。1995年竖伯，opera公司發(fā)布第一版Opera瀏覽器存哲，使用自己研發(fā)的Presto內(nèi)核因宇。當(dāng)時(shí)opera公司的開(kāi)發(fā)團(tuán)隊(duì)不斷完善Presto內(nèi)核，使Opera瀏覽器一度成為頂級(jí)瀏覽器宏胯。直到2016年奇虎360和昆侖萬(wàn)維收購(gòu)了Oprea瀏覽器羽嫡，從此也丟棄了強(qiáng)大的Presto內(nèi)核，改用當(dāng)時(shí)Google開(kāi)源的webkit內(nèi)核肩袍。后來(lái)Opera瀏覽器跟隨Google將瀏覽器內(nèi)核改為Blink內(nèi)核。自此Presto內(nèi)核也淡出了互聯(lián)網(wǎng)市場(chǎng)婚惫。
3氛赐、Safari瀏覽器：
第二次瀏覽器大戰(zhàn)是從蘋果公司發(fā)布Safari瀏覽器開(kāi)始的。2003年先舷，蘋果公司在蘋果手機(jī)上開(kāi)發(fā)Safari瀏覽器艰管，利用自己得天獨(dú)厚的手機(jī)市場(chǎng)份額使Safari瀏覽器迅速成為世界主流瀏覽器。Safari是最早使用webkit內(nèi)核的瀏覽器也是現(xiàn)在蘋果默認(rèn)的瀏覽器蒋川。
4牲芋、Firefox瀏覽器：
Firefox瀏覽器使Mozilla公司旗下瀏覽器，也是剛才提到的網(wǎng)景公司后來(lái)的瀏覽器捺球。網(wǎng)景被收購(gòu)后缸浦，網(wǎng)景人員創(chuàng)辦了Mozilla基金會(huì)，這是一個(gè)非盈利組織氮兵，他們?cè)?004年推出自己的瀏覽器Firefox裂逐。Firefox采用Gecko作為內(nèi)核。Gecko是一個(gè)開(kāi)源的項(xiàng)目泣栈，代碼完全公開(kāi)卜高，因此受到很多人的青睞。Firefox的問(wèn)世加快了第二次瀏覽器大戰(zhàn)的開(kāi)始南片。第二次瀏覽器大戰(zhàn)與第一次二元鼎力的局面不同掺涛，這一次的特點(diǎn)就是百家爭(zhēng)鳴，也自此打破了IE瀏覽器從98年網(wǎng)景被收購(gòu)后獨(dú)步瀏覽器市場(chǎng)的局面疼进。
5薪缆、Chrome瀏覽器：
Chrome瀏覽器是google旗下的瀏覽器。Chrome瀏覽器至發(fā)布以來(lái)一直講究簡(jiǎn)潔颠悬、快速矮燎、安全，所以Chrome瀏覽器到現(xiàn)在一直受人追捧赔癌。最開(kāi)始Chrome采用webkit作為瀏覽器內(nèi)核诞外，直到2013年，google宣布不再使用蘋果的webkit內(nèi)核灾票，開(kāi)始使用webkit的分支內(nèi)核Blink峡谊。
2.瀏覽器內(nèi)核
瀏覽器最重要的部分是瀏覽器的內(nèi)核。瀏覽器內(nèi)核是瀏覽器的核心，也稱“渲染引擎”既们，用來(lái)解釋網(wǎng)頁(yè)語(yǔ)法并渲染到網(wǎng)頁(yè)上濒析。瀏覽器內(nèi)核決定了瀏覽器該如何顯示網(wǎng)頁(yè)內(nèi)容以及頁(yè)面的格式信息。不同的瀏覽器內(nèi)核對(duì)網(wǎng)頁(yè)的語(yǔ)法解釋也不同啥纸，因此網(wǎng)頁(yè)開(kāi)發(fā)者需要在不同內(nèi)核的瀏覽器中測(cè)試網(wǎng)頁(yè)的渲染效果号杏。
五大瀏覽器采用的都是單內(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ǔ)之上修改而來(lái)的护赊，并沿用到IE11，也被普遍稱作”IE內(nèi)核”特點(diǎn)非開(kāi)源砾跃。 | 優(yōu)點(diǎn)：兼容性好骏啰，CPU占用小，內(nèi)存占用小蜓席。缺點(diǎn)：該內(nèi)核BUG很多器一，安全性問(wèn)題沒(méi)有得到解決。 |
| Gecko | Firefox | Gecko的特點(diǎn)時(shí)代碼完全公開(kāi)厨内，因此其開(kāi)發(fā)程度很高祈秕，全世界的程序員都可以為其編寫代碼，增加功能雏胃。 | 優(yōu)點(diǎn)：拓展性強(qiáng)请毛，插件定制方便。缺點(diǎn)：操作太過(guò)復(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)頁(yè)瀏覽速度較快娶桦。缺點(diǎn)：對(duì)于網(wǎng)頁(yè)代碼的容錯(cuò)性不高贾节，也就是說(shuō)對(duì)網(wǎng)頁(yè)代碼的兼容性較低汁汗，會(huì)使一些編寫不標(biāo)準(zhǔn)的網(wǎng)頁(yè)無(wú)法正確顯示。 |
| Blink | Chrome | Blink是一個(gè)由Google和Opera Software開(kāi)發(fā)的瀏覽器排版引擎栗涂，這一渲染引擎是開(kāi)源引擎WebKit中WebCore組件的一個(gè)分支知牌，但渲染結(jié)果與Webkit存在一定的差異。 | 優(yōu)點(diǎn)：不易崩潰速度快源碼結(jié)構(gòu)清晰斤程，易于維護(hù)角寸，比webkit更精簡(jiǎn)、更高效忿墅。缺點(diǎn)：對(duì)于網(wǎng)頁(yè)代碼的容錯(cuò)性不高袭厂，系統(tǒng)資源占用較高。 |
國(guó)內(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)核，后來(lá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說(shuō)是他們自己研發(fā)的U3內(nèi)核柒傻，但好像還是基于Webkit和Trident，還有說(shuō)是基于火狐內(nèi)核较木。
2.市場(chǎng)占有率
在選擇需要測(cè)試的瀏覽器時(shí)红符，還需要參考瀏覽器的市場(chǎng)占有率》フ考慮到客戶群體的使用情況预侯，目前只參考國(guó)內(nèi)的瀏覽器市場(chǎng)占有率，具體排行如下：
3.IE版本
單獨(dú)考慮IE是因?yàn)樗莣indows的默認(rèn)瀏覽器峰锁，市場(chǎng)占有率較高萎馅，低版本的IE并不是完全執(zhí)行W3C標(biāo)準(zhǔn)，并且各版本的內(nèi)核功能不同虹蒋，控件數(shù)據(jù)顯示也不同糜芳，因此web項(xiàng)目在不同版本的IE上會(huì)有很多的兼容性問(wèn)題。
在IE各個(gè)版本中魄衅，IE6因?yàn)榘姹咎颓涂ⅲ袌?chǎng)占有率不高，所以不考慮晃虫；而IE10因?yàn)閣indows系統(tǒng)原因皆撩，市場(chǎng)占有率低，所以也不考慮哲银。目前IE版本市場(chǎng)份額如下：
結(jié)合以上3個(gè)因素扛吞，做瀏覽器兼容性測(cè)試時(shí)，主要會(huì)用以下瀏覽器進(jìn)行測(cè)試：
chrome盘榨、Firefox喻粹、Safari、IE7草巡、IE8守呜、IE9、IE11山憨、搜狗查乒、QQ、2345瀏覽器
PS：可以依據(jù)內(nèi)核來(lái)測(cè)試瀏覽器
chrome & safari使用的是webkit內(nèi)核郁竟，F(xiàn)irefox則是Gecko, IE系列的是Trident內(nèi)核玛迄，Opera使用Presto內(nèi)核。最新的Opera好像也開(kāi)始使用webkit內(nèi)核了棚亩。
這樣你就可以認(rèn)為蓖议，如果在chrome上沒(méi)有問(wèn)題虏杰，那么“理應(yīng)”在safari也應(yīng)該沒(méi)問(wèn)題。
