▲「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 Web Testing 的開發者調查小組,對開發者在網絡建設的痛點、需求進行調研。
根據 MDN Web Testing 的調查報告,由開發者選出的 28 個「網頁開發最令人沮喪的需求」中,「必須為特定的浏覽器(例如 IE 11)提供支持」高票登頂。
而排名第二和第三的煩人需求,則分别為「避免或移除不能跨浏覽器工作的特性」和「讓不同浏覽器看起來 / 工作起來都一樣」,冠亞季軍都與浏覽器的兼容性有關。
Chrome 首席軟件工程師兼産品經理 Daniel Clifford 認為,MDN Web Testing 的研究讓開發組更清晰地了解到開發人員在測試中面臨的挑戰,為了支持下一代的測試工具,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 在内的色域,大大豐富了互聯網的色彩種類。當廣色域被浏覽器普遍支持,相應的廣色彩内容才有可能得到普及。
總的來說,無論是網站開發者還是普通用戶,都能從這場由浏覽器巨頭舉辦的「浏覽器高考」獲益,正如蘋果在項目中承諾的那樣,唯有讓互聯網遍布互操作性,網站和網絡應用才能更好地服務每天都在使用網絡生活的我們。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!