文|三易生活
在智能手機(jī)成為當(dāng)下最為主要的個(gè)人終端設(shè)備時(shí)，盡管大家已經(jīng)越來(lái)越習(xí)慣于使用APP，但瀏覽器作為曾經(jīng)帶領(lǐng)用戶(hù)接觸互聯(lián)網(wǎng)世界的窗口，也依然還在繼續(xù)發(fā)光發(fā)熱。日前，谷歌、微軟、蘋(píng)果和Mozilla基金會(huì)共同宣布。將努力提高瀏覽器的互操作性，以確保Chrome、Edge、Safari和Firefox帶來(lái)同樣可靠和一致的Web體驗(yàn)，為此推出了被稱(chēng)為Interop 2022的互操作性標(biāo)準(zhǔn)。
據(jù)悉，Interop 2022是一個(gè)為Web開(kāi)發(fā)者服務(wù)的通用測(cè)試標(biāo)準(zhǔn)，其將以“瀏覽器引擎在15個(gè)重點(diǎn)領(lǐng)域和3個(gè)聯(lián)合調(diào)查中的表現(xiàn)”為不同瀏覽器提供評(píng)分，分別為CSS層疊層、色彩空間和功能、C對(duì)話框元素、CSS子網(wǎng)格、排版和編碼、滾動(dòng)條控件、表單控件等。目前，這四方也公布了各自旗下Chrome、Edge、Safari和Firefox的一致性進(jìn)展，以及具體的兼容性成績(jī)。
蘋(píng)果方面在WebKit的開(kāi)發(fā)者博客中透露，“Interop 2022是一個(gè)不斷發(fā)展的指標(biāo)，由一組自動(dòng)化測(cè)試生成，旨在評(píng)估對(duì)某些對(duì)Web開(kāi)發(fā)人員最重要的Web標(biāo)準(zhǔn)的支持。Interop 2022將全年不斷更新，顯示瀏覽器工程師修復(fù)錯(cuò)誤、實(shí)施新功能和改進(jìn)測(cè)試的進(jìn)展”。由此不難發(fā)現(xiàn)，目前的主流瀏覽器在兼容性問(wèn)題“折磨”了開(kāi)發(fā)者與用戶(hù)二十年余年后終于達(dá)成一致，要坐下來(lái)解決問(wèn)題了。
“可靠和一致的Web體驗(yàn)”，其實(shí)指的是瀏覽器之間互相不兼容的現(xiàn)象。相信大家或多或少都用過(guò)360、搜狗、QQ等瀏覽器，并且這些產(chǎn)品基本都是在IE 6于2006年被評(píng)為“有史以來(lái)第八糟糕科技產(chǎn)品”后，一到兩年內(nèi)誕生的。而這一批瀏覽器在宣傳推廣時(shí)所打出的一個(gè)共同的口號(hào)就是“雙核瀏覽器”，通常都主打的是兼容IE與Chrome內(nèi)核，可面對(duì)老的Web應(yīng)用使用IE內(nèi)核，面向新的網(wǎng)頁(yè)則使用Chrome內(nèi)核。
相信很多朋友在使用瀏覽器時(shí)，多少都遇到過(guò)各式各樣的兼容性問(wèn)題。比如說(shuō)，某個(gè)網(wǎng)頁(yè)在IE上是一個(gè)顏色，在Chrome上就變?yōu)榱肆硪粋€(gè)顏色，或是網(wǎng)頁(yè)的比例發(fā)生了變化;又或者說(shuō)，許多學(xué)生朋友可能在填報(bào)志愿時(shí)，就遇到過(guò)網(wǎng)站上出現(xiàn)“瀏覽器不兼容，請(qǐng)使用IE11/IE10/IE9瀏覽器訪問(wèn)”的提示。
而所謂的瀏覽器兼容性問(wèn)題，是指因?yàn)椴煌瑸g覽器對(duì)同一段代碼有著不同的解析，所造成頁(yè)面顯示效果不統(tǒng)一的情況。為此，解決瀏覽器兼容，也成為了跨瀏覽器開(kāi)發(fā)的一個(gè)核心問(wèn)題。而Web瀏覽器的架構(gòu)，可以實(shí)現(xiàn)為一個(gè)進(jìn)程包含多個(gè)線程，也可以實(shí)現(xiàn)為很多進(jìn)程包含少數(shù)線程通過(guò)IPC通信。但如何做一款瀏覽器，卻并沒(méi)有統(tǒng)一的標(biāo)準(zhǔn)。
這一切的根源，其實(shí)是在互聯(lián)網(wǎng)早期，也就是上世紀(jì)90年代主導(dǎo)瀏覽器市場(chǎng)的微軟，與負(fù)責(zé)web技術(shù)標(biāo)準(zhǔn)的W3C組織并不是一條心、雙方各自奉行不同的標(biāo)準(zhǔn)所致。要知道，在新興市場(chǎng)形成的早期通常都是建立標(biāo)準(zhǔn)的最佳時(shí)機(jī)，但當(dāng)時(shí)最終的結(jié)果卻是微軟憑借著Windows的超高市占率，讓IE的標(biāo)準(zhǔn)成為了用戶(hù)的事實(shí)標(biāo)準(zhǔn)。
由于當(dāng)初微軟放棄了進(jìn)入W3C，導(dǎo)致這一組織在Web技術(shù)標(biāo)準(zhǔn)上空有權(quán)威性、卻基本不存在強(qiáng)制力，而2004年誕生的WHATWG(網(wǎng)頁(yè)超文本技術(shù)工作小組)，也更是讓W(xué)3C的權(quán)威性大損。早在2004年時(shí)，W3C試圖拋棄HTML轉(zhuǎn)向XHTML，導(dǎo)致了蘋(píng)果、Opera、Mozilla的不滿，三家甩開(kāi)W3C建立WHATWG開(kāi)發(fā)了Web Applications 1.0，也就是現(xiàn)在的HTML 5。
雖然到了2007年W3C接納了WHATWG，并同時(shí)將HTML 5作為Web技術(shù)的新標(biāo)準(zhǔn)，但W3C也就此失去了制定“標(biāo)準(zhǔn)瀏覽器”的能力。
當(dāng)初微軟不加入W3C，使得后者不采用IE的方案，而在IE掉隊(duì)，Chrome與Firefox崛起后，已經(jīng)有大量開(kāi)發(fā)者基于IE標(biāo)準(zhǔn)開(kāi)發(fā)了大量的Web產(chǎn)品，讓瀏覽器不得不用兼容模式來(lái)解決這一問(wèn)題。再加上不同瀏覽器采用的內(nèi)核不同，由于缺乏統(tǒng)一的開(kāi)發(fā)標(biāo)準(zhǔn)，以及各大瀏覽器廠商為了凸顯產(chǎn)品的特色，更是使得整個(gè)瀏覽器行業(yè)出現(xiàn)了百花齊放的狀態(tài)。
在過(guò)去很長(zhǎng)的一段時(shí)間里，跨瀏覽器開(kāi)發(fā)、并解決瀏覽器的兼容問(wèn)題，成為了前端開(kāi)發(fā)者最為頭疼卻必須要解決的問(wèn)題。而他們所要面臨的問(wèn)題，就是開(kāi)發(fā)者的代碼運(yùn)行環(huán)境本身并不掌控在自己手中(服務(wù)器端)、而是在客戶(hù)端(用戶(hù)的瀏覽器)，因此也不得不盡一切可能去協(xié)調(diào)各式各樣的瀏覽器。
眾所周知，在PC互聯(lián)網(wǎng)時(shí)代，瀏覽器市場(chǎng)有四大內(nèi)核，即微軟IE瀏覽器的Trident內(nèi)核、蘋(píng)果Safari和谷歌Chrome的Webkit內(nèi)核、Firefox瀏覽器的Gecko內(nèi)核，以及Opera瀏覽器的Presto內(nèi)核。不同內(nèi)核代表著瀏覽器的渲染引擎不同，而渲染引擎又是負(fù)責(zé)取得網(wǎng)頁(yè)內(nèi)容(HTML、XML、圖像)、整理信息(加入CSS樣式等)，以及計(jì)算網(wǎng)頁(yè)顯示方式，然后輸出至顯示設(shè)備的關(guān)鍵。
不同瀏覽器內(nèi)核不同的情況下，渲染邏輯自然也就不一樣，就會(huì)導(dǎo)致同一份代碼有的瀏覽器顯示的正常、有的就不正常。例如，不同瀏覽器對(duì)HTM標(biāo)記所具有的內(nèi)外邊距屬性就有著不同的定義，對(duì)同一個(gè)網(wǎng)頁(yè)元素重復(fù)設(shè)置多種樣式時(shí)、處理優(yōu)先級(jí)不一樣，圖片的位置設(shè)置在不同瀏覽器中顯示效果不同等等，都是極為常見(jiàn)的。
目前，業(yè)界最主流的解決方案是“css hack”，而css (層疊樣式表)則是用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言，是控制網(wǎng)站樣式和布局的關(guān)鍵，也就是大家在瀏覽器上看到的網(wǎng)頁(yè)顯示效果，其實(shí)就是由css負(fù)責(zé)。由于不同廠商瀏覽器或某瀏覽器的不同版本對(duì)css的支持、解析不一樣，就要求開(kāi)發(fā)者來(lái)編寫(xiě)相應(yīng)的css code。簡(jiǎn)單來(lái)說(shuō)就是大力出奇跡，用因地制宜來(lái)解決問(wèn)題。
css hack將壓力拋給了開(kāi)發(fā)者，為此部分開(kāi)發(fā)者會(huì)在網(wǎng)頁(yè)上設(shè)置瀏覽器檢測(cè)，針對(duì)某些(IE)瀏覽器甚至直接拒絕服務(wù)，以至于沒(méi)有兼容模式的Edge(Trident內(nèi)核)在遇到網(wǎng)頁(yè)檢測(cè)瀏覽器時(shí)，干脆就聲稱(chēng)自己是Chrome。顯然這不是一個(gè)完美的解決方案，但奈何W3C組織不給力、瀏覽器廠商又各有各的算盤(pán)，所以解決瀏覽器之間的兼容性問(wèn)題也就被束之高閣了。
那么，為什么在移動(dòng)互聯(lián)網(wǎng)時(shí)代、APP已經(jīng)動(dòng)搖了瀏覽器市場(chǎng)地位的當(dāng)下，谷歌、微軟、蘋(píng)果和Mozilla又要攜手來(lái)解決這一問(wèn)題呢?
其實(shí)這是因?yàn)閷?dǎo)致瀏覽器兼容性問(wèn)題的歷史包袱，現(xiàn)在已經(jīng)不存在了。微軟的IE11以及Edge已經(jīng)徹底“壽終正寢”了，同時(shí)Mozilla的Firefox市場(chǎng)份額已不到4%，Opera瀏覽器更是放棄了自己的Presto內(nèi)核、改用Webkit內(nèi)核，并且Webkit內(nèi)核也基本上已經(jīng)一統(tǒng)整個(gè)市場(chǎng)了。至于說(shuō)，谷歌與Opera合力研發(fā)的Blink內(nèi)核，則是Webkit內(nèi)核的硬分叉產(chǎn)物，兩者擁有同一個(gè)源流。
換句話來(lái)說(shuō)就是，當(dāng)初瀏覽器兼容性問(wèn)題的出現(xiàn)，是因?yàn)闉g覽器廠商太多、瀏覽器內(nèi)核太多，各家的標(biāo)準(zhǔn)讓開(kāi)發(fā)者無(wú)所適從。但現(xiàn)在隨著微軟Edge加入谷歌的Chromium生態(tài)、Firefox式微，以及蘋(píng)果Safari圈地自萌，開(kāi)放的生態(tài)讓Chromium的標(biāo)準(zhǔn)成為了全球開(kāi)發(fā)者都在遵循的行業(yè)標(biāo)準(zhǔn)。
簡(jiǎn)單來(lái)說(shuō)，就是Chromium生態(tài)在事實(shí)上已經(jīng)壟斷了瀏覽器市場(chǎng)，只需要4家廠商就可以制定瀏覽器的事實(shí)標(biāo)準(zhǔn)了。