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