因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

作者|黃智健

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

「IE:我要幹什麼」「下載 Chrome」「IE:哦買噶」有多少人購入新電腦後的第一件事,就是開啟自帶瀏覽器下載 Chrome 或者 Firefox ?雖然我們已經邁入了移動網際網路時代,很多網路服務已經從網站轉變成一個個獨立的 app,但瀏覽器依然是大部分人上網衝浪最常用的入口。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

為了在上網的時候避免遇到糟心的卡頓、廣告問題,人們總習慣在開始衝浪前挑選一款最輕快、最純淨或者最多功能的瀏覽器,久而久之便會形成一種品牌依賴效應。就像可口可樂的粉絲從來不會考慮百事那樣,用習慣了 Chrome 的朋友,怎麼看 Safari 都會覺得彆扭;無論 Edge 如何自薦,Firefox 的使用者都不會動心。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

長久以來,瀏覽器一直是一個被多方割裂的市場,根據統計機構 Statcounter 的資料,Chrome 以 64。3% 佔比拔得頭籌,Safari 以 18。96% 位於第二,分別為 3。71% 和 3。7% 的 Firefox 和 Edge 則名列第三和第四。按理說,市場佔比靠前的幾位之間應該有著龍爭虎鬥的競爭關係,想方設法地從對方陣營裡「掠」來新使用者。然而最近,四家瀏覽器為了實現「網際網路大一統」而罕見地聯合在了一起。你的網站我的網站,好像都一樣?四家瀏覽器的所屬公司 Google、蘋果、微軟和 Mozilla 在近日宣佈,將聯合軟體諮詢公司 Bocoup 和 Igalia 建立一個名為 Interop 2022 的網路標準,致力於消除不同瀏覽器間的相容性問題。你可能感到疑惑,難道用不同的瀏覽器開啟同一個網站,除了速度不一樣。顯示的內容還會有差異嗎?

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

同一模型在 Chromium(左)Gecko(中)Webkit(右)核心瀏覽器的效果事實確實如此。以流行的網站佈局模型 CSS Flexbox 為例,同一個模型在 Chromium(Chrome 核心)、Gecko(Firefox 核心)和 Webkit(Safari 核心)三種瀏覽器的顯示效果各不相同,差異之大甚至很難讓人找出顯示正確的版本。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

類似這樣的相容性問題普遍存在於網際網路。如果一個在 Chrome 顯示正常的網站,在 Safari 上反而擠成一堆,無論對使用者和對網站主而言都會是一場災難。但想要讓不同瀏覽器顯示統一的內容並不是一件易事,在 2019 年,Google、Mozilla 和微軟等公司就組成了一個名為 MDN 的開發者調查小組,對開發者在網路建設的痛點、需求進行調研。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

根據 MDN 的調查報告,由開發者選出的 28 個「網頁開發最令人沮喪的需求」中,「必須為特定的瀏覽器(例如 IE 11)提供支援」高票登頂。而排名第二和第三的煩人需求,則分別為「避免或移除不能跨瀏覽器工作的特性」和「讓不同瀏覽器看起來 / 工作起來都一樣」,冠亞季軍都與瀏覽器的相容性有關。Chrome 首席軟體工程師兼產品經理 Daniel Clifford 認為,MDN 的研究讓開發組更清晰地瞭解到開發人員在測試中面臨的挑戰,為了支援下一代的測試工具,Chrome 需要與所有瀏覽器廠商合作,幫助解決這個行業問題。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

於是乎,在去年 Mozilla、Google 聯手微軟等公司推出了 Compat 2021 計劃,針對 5 個重點相容性專案進行改進。而今年推出的 Interop 2022 則是對 Compat 2021 的一個延續。去年專案的成功推進給了專案組成員很大的信心,於是在 Interop 2022 中,專案組將目標改進的相容性專案數提高到了 15 個,並且這次蘋果也官宣要參與到此次改進計劃中。

這是有史以來第一次,所有的主要瀏覽器開發商和其他利益相關者聚集在一起,共同解決 Web 開發人員所遇到的相容性問題

Google 的 Rachel Andrew、Philip Jägenstedt 和 Robert Nyman 在 Interop 2022 的技術博文中評論道。屬於瀏覽器的「高考」瀏覽器的相容性好不好,該怎麼評價呢?

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

Interop 2022 在 Compat 2021 的基礎上加入了 10 個互操作性專案,根據瀏覽器的表現從 0-100 為其打分。從目前的結果來看,三種核心的穩定版瀏覽器表現都不太樂觀,其中 Firefox 屬於是矮個中的高個,獲得 69 分,而蘋果的 Safari 則慘痛墊底,只有 50 分。15 個專案包括層疊圖層、色域和 CSS 色彩功能、新視口單位、頁面滾動和子網格等功能,基本都與互動相關的互操作性(interoperation)專案,這也是 Interop 2022 的命名緣由。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

雖然幾款瀏覽器的總分數相近,但從詳細結果來看會發現,在一些細分專案上的差異卻非常大,三者各有千秋。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

其中的一些問題在開發者版中已經得到解決,Interop 2022 同時也統計了開發者版的得分,原本在穩定版得分大幅落後 Safari 獲得了 73 分,超越了其他兩個 Chromium 核心的瀏覽器。專案組對 Interop 2022 的信心源自 Compat 2021 在去年取得的成就。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

折線為各個瀏覽器的成長路線,Safari 進步顯著經過一年的完善,三種核心的瀏覽器在縱橫比、CSS Flexbox、網格排布、粘性定位、變換五個專案上均取得了超過 90 分的平均分。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

這也是 Interop 2022 專案設立的意義——幫助瀏覽器開發商自身發現互操作專案存在的相容性問題,推動合作進而全面改進 Web 開發環境,進而讓開發者得以將精力放在改進網站的設計、互動上,而不是浪費在處理相容性問題上。除了旨在消除不同瀏覽器的相容差異,Interop 2022 還想要推動網站體驗進步。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

以 15 項考核指標中的視窗單元為例,當你在使用 Safari 瀏覽網頁時,你也許會注意到頁面靜止和滾動時視窗的尺寸會有所不同。如果視窗發生變化,怎樣的尺寸才能保證操作按鈕能夠被精準點選,而頁面內部又不會受到太大的遮擋?這需要制定一套互動標準。當不同的瀏覽器都遵循科學的互動標準時,便能保證使用者在同一網站上都能獲得均一的良好體驗。另一項關於色域的指標也對使用者體驗的影響非常大。在網際網路建設的早期,大多數網站為了節省資料會限制圖片的顏色。在很長的一段時間裡,網際網路都普遍採用 sRGB 作為色域標準。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

然而隨著顯示裝置和網路建設的發展,顯示器能顯示的色域範圍已經超過 sRGB,例如蘋果裝置常用的 Display P3 色域就比 sRGB 還要寬 50%。這種歷史遺留的「色彩枷鎖」限制住了我們在瀏覽器看到的顏色種類,不僅浪費了本身的寬色域螢幕,也有可能出現照片與實物不符的偏色問題,而這一直是網頁的老大難問題。集合了網際網路主要力量的 Interop 2022,便是解決這個大難題的好機會。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

Interop 2022 提出瀏覽器需要支援包括 LAB、LCH、P3 在內的色域,大大豐富了網際網路的色彩種類。當廣色域被瀏覽器普遍支援,相應的廣色彩內容才有可能得到普及。總的來說,無論是網站開發者還是普通使用者,都能從這場由瀏覽器巨頭舉辦的「瀏覽器高考」獲益,正如蘋果在專案中承諾的那樣,唯有讓網際網路遍佈互操作性,網站和網路應用才能更好地服務每天都在使用網路生活的我們。

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」

因為上網衝浪體驗太差,Google、蘋果、微軟和火狐組織了場「瀏覽器高考」