來源：愛范兒
「IE：我要干什么」「下載 Chrome」「IE：哦買噶」
有多少人購入新電腦后的第一件事，就是打開自帶瀏覽器下載 Chrome 或者 Firefox ？
雖然我們已經(jīng)邁入了移動(dòng)互聯(lián)網(wǎng)時(shí)代，很多網(wǎng)絡(luò)服務(wù)已經(jīng)從網(wǎng)站轉(zhuǎn)變成一個(gè)個(gè)獨(dú)立的 app，但瀏覽器依然是大部分人上網(wǎng)沖浪最常用的入口。
為了在上網(wǎng)的時(shí)候避免遇到糟心的卡頓、廣告問題，人們總習(xí)慣在開始沖浪前挑選一款最輕快、最純凈或者最多功能的瀏覽器，久而久之便會(huì)形成一種品牌依賴效應(yīng)。
就像可口可樂的粉絲從來不會(huì)考慮百事那樣，用習(xí)慣了 Chrome 的朋友，怎么看 Safari 都會(huì)覺得別扭；無論 Edge 如何自薦，F(xiàn)irefox 的用戶都不會(huì)動(dòng)心。
長久以來，瀏覽器一直是一個(gè)被多方割裂的市場，根據(jù)統(tǒng)計(jì)機(jī)構(gòu) Statcounter 的數(shù)據(jù)，Chrome 以 64.3% 占比拔得頭籌，Safari 以 18.96% 位于第二，分別為 3.71% 和 3.7% 的 Firefox 和 Edge 則名列第三和第四。
按理說，市場占比靠前的幾位之間應(yīng)該有著龍爭虎斗的競爭關(guān)系，想方設(shè)法地從對(duì)方陣營里「掠」來新用戶。然而最近，四家瀏覽器為了實(shí)現(xiàn)「互聯(lián)網(wǎng)大一統(tǒng)」而罕見地聯(lián)合在了一起。
你的網(wǎng)站我的網(wǎng)站，好像都一樣？
四家瀏覽器的所屬公司 Google、蘋果、微軟和 Mozilla 在近日宣布，將聯(lián)合軟件咨詢公司 Bocoup 和 Igalia 創(chuàng)建一個(gè)名為 Interop 2022 的網(wǎng)絡(luò)標(biāo)準(zhǔn)，致力于消除不同瀏覽器間的兼容性問題。
你可能感到疑惑，難道用不同的瀏覽器打開同一個(gè)網(wǎng)站，除了速度不一樣。顯示的內(nèi)容還會(huì)有差異嗎？
同一模型在 Chromium（左）Gecko（中）Webkit（右）內(nèi)核瀏覽器的效果
事實(shí)確實(shí)如此。以流行的網(wǎng)站布局模型 CSS Flexbox 為例，同一個(gè)模型在 Chromium（Chrome 內(nèi)核）、Gecko（Firefox 內(nèi)核）和 Webkit（Safari 內(nèi)核）三種瀏覽器的顯示效果各不相同，差異之大甚至很難讓人找出顯示正確的版本。
類似這樣的兼容性問題普遍存在于互聯(lián)網(wǎng)。如果一個(gè)在 Chrome 顯示正常的網(wǎng)站，在 Safari 上反而擠成一堆，無論對(duì)用戶和對(duì)網(wǎng)站主而言都會(huì)是一場災(zāi)難。
但想要讓不同瀏覽器顯示統(tǒng)一的內(nèi)容并不是一件易事，在 2019 年，Google、Mozilla 和微軟等公司就組成了一個(gè)名為 MDN 的開發(fā)者調(diào)查小組，對(duì)開發(fā)者在網(wǎng)絡(luò)建設(shè)的痛點(diǎn)、需求進(jìn)行調(diào)研。
根據(jù) MDN 的調(diào)查報(bào)告，由開發(fā)者選出的 28 個(gè)「網(wǎng)頁開發(fā)最令人沮喪的需求」中，「必須為特定的瀏覽器（例如 IE 11）提供支持」高票登頂。
而排名第二和第三的煩人需求，則分別為「避免或移除不能跨瀏覽器工作的特性」和「讓不同瀏覽器看起來 / 工作起來都一樣」，冠亞季軍都與瀏覽器的兼容性有關(guān)。
Chrome 首席軟件工程師兼產(chǎn)品經(jīng)理 Daniel Clifford 認(rèn)為，MDN 的研究讓開發(fā)組更清晰地了解到開發(fā)人員在測試中面臨的挑戰(zhàn)，為了支持下一代的測試工具，Chrome 需要與所有瀏覽器廠商合作，幫助解決這個(gè)行業(yè)問題。
于是乎，在去年 Mozilla、Google 聯(lián)手微軟等公司推出了 Compat 2021 計(jì)劃，針對(duì) 5 個(gè)重點(diǎn)兼容性項(xiàng)目進(jìn)行改進(jìn)。
而今年推出的 Interop 2022 則是對(duì) Compat 2021 的一個(gè)延續(xù)。
去年項(xiàng)目的成功推進(jìn)給了項(xiàng)目組成員很大的信心，于是在 Interop 2022 中，項(xiàng)目組將目標(biāo)改進(jìn)的兼容性項(xiàng)目數(shù)提高到了 15 個(gè)，并且這次蘋果也官宣要參與到此次改進(jìn)計(jì)劃中。
這是有史以來第一次，所有的主要瀏覽器開發(fā)商和其他利益相關(guān)者聚集在一起，共同解決 Web 開發(fā)人員所遇到的兼容性問題
Google 的 Rachel Andrew、Philip Jägenstedt 和 Robert Nyman 在 Interop 2022 的技術(shù)博文中評(píng)論道。
屬于瀏覽器的「高考」
瀏覽器的兼容性好不好，該怎么評(píng)價(jià)呢？
Interop 2022 在 Compat 2021 的基礎(chǔ)上加入了 10 個(gè)互操作性項(xiàng)目，根據(jù)瀏覽器的表現(xiàn)從 0-100 為其打分。
從目前的結(jié)果來看，三種內(nèi)核的穩(wěn)定版瀏覽器表現(xiàn)都不太樂觀，其中 Firefox 屬于是矮個(gè)中的高個(gè)，獲得 69 分，而蘋果的 Safari 則慘痛墊底，只有 50 分。
15 個(gè)項(xiàng)目包括層疊圖層、色域和 CSS 色彩功能、新視口單位、頁面滾動(dòng)和子網(wǎng)格等功能，基本都與交互相關(guān)的互操作性（interoperation）項(xiàng)目，這也是 Interop 2022 的命名緣由。
雖然幾款瀏覽器的總分?jǐn)?shù)相近，但從詳細(xì)結(jié)果來看會(huì)發(fā)現(xiàn)，在一些細(xì)分項(xiàng)目上的差異卻非常大，三者各有千秋。
其中的一些問題在開發(fā)者版中已經(jīng)得到解決，Interop 2022 同時(shí)也統(tǒng)計(jì)了開發(fā)者版的得分，原本在穩(wěn)定版得分大幅落后 Safari 獲得了 73 分，超越了其他兩個(gè) Chromium 內(nèi)核的瀏覽器。
項(xiàng)目組對(duì) Interop 2022 的信心源自 Compat 2021 在去年取得的成就。
折線為各個(gè)瀏覽器的成長路線，Safari 進(jìn)步顯著
經(jīng)過一年的完善，三種內(nèi)核的瀏覽器在縱橫比、CSS Flexbox、網(wǎng)格排布、粘性定位、變換五個(gè)項(xiàng)目上均取得了超過 90 分的平均分。
這也是 Interop 2022 項(xiàng)目設(shè)立的意義——幫助瀏覽器開發(fā)商自身發(fā)現(xiàn)互操作項(xiàng)目存在的兼容性問題，推動(dòng)合作進(jìn)而全面改進(jìn) Web 開發(fā)環(huán)境，進(jìn)而讓開發(fā)者得以將精力放在改進(jìn)網(wǎng)站的設(shè)計(jì)、交互上，而不是浪費(fèi)在處理兼容性問題上。
除了旨在消除不同瀏覽器的兼容差異，Interop 2022 還想要推動(dòng)網(wǎng)站體驗(yàn)進(jìn)步。
以 15 項(xiàng)考核指標(biāo)中的視窗單元為例，當(dāng)你在使用 Safari 瀏覽網(wǎng)頁時(shí)，你也許會(huì)注意到頁面靜止和滾動(dòng)時(shí)視窗的尺寸會(huì)有所不同。
如果視窗發(fā)生變化，怎樣的尺寸才能保證操作按鈕能夠被精準(zhǔn)點(diǎn)擊，而頁面內(nèi)部又不會(huì)受到太大的遮擋？這需要制定一套交互標(biāo)準(zhǔn)。
當(dāng)不同的瀏覽器都遵循科學(xué)的交互標(biāo)準(zhǔn)時(shí)，便能保證用戶在同一網(wǎng)站上都能獲得均一的良好體驗(yàn)。
另一項(xiàng)關(guān)于色域的指標(biāo)也對(duì)用戶體驗(yàn)的影響非常大。在互聯(lián)網(wǎng)建設(shè)的早期，大多數(shù)網(wǎng)站為了節(jié)省數(shù)據(jù)會(huì)限制圖片的顏色。在很長的一段時(shí)間里，互聯(lián)網(wǎng)都普遍采用 sRGB 作為色域標(biāo)準(zhǔn)。
然而隨著顯示設(shè)備和網(wǎng)絡(luò)建設(shè)的發(fā)展，顯示器能顯示的色域范圍已經(jīng)超過 sRGB，例如蘋果設(shè)備常用的 Display P3 色域就比 sRGB 還要寬 50%。
這種歷史遺留的「色彩枷鎖」限制住了我們在瀏覽器看到的顏色種類，不僅浪費(fèi)了本身的寬色域屏幕，也有可能出現(xiàn)照片與實(shí)物不符的偏色問題，而這一直是網(wǎng)頁的老大難問題。
集合了互聯(lián)網(wǎng)主要力量的 Interop 2022，便是解決這個(gè)大難題的好機(jī)會(huì)。
Interop 2022 提出瀏覽器需要支持包括 LAB、LCH、P3 在內(nèi)的色域，大大豐富了互聯(lián)網(wǎng)的色彩種類。當(dāng)廣色域被瀏覽器普遍支持，相應(yīng)的廣色彩內(nèi)容才有可能得到普及。
總的來說，無論是網(wǎng)站開發(fā)者還是普通用戶，都能從這場 由 瀏覽器巨頭舉辦的「瀏覽器 高考」獲益，正如蘋果在項(xiàng)目中承諾的那樣，唯有讓互聯(lián)網(wǎng)遍布互操作性，網(wǎng)站和網(wǎng)絡(luò)應(yīng)用才能更好地服務(wù)每天都在使用網(wǎng)絡(luò)生活的我們。
