就已邁入 2023 年最後一季,我們在 2023 年互通性領域的所有瀏覽器都有許多進展。本文將介紹到目前為止的 Interop 2023 分數,以及因今年度推行而上線的功能。
2023 年 1 月的狀態
我們在 2023 年 1 月宣布推出 Interop 2023,並推出 26 個重點領域,預計所有引擎都在一年內改進。
實驗功能瀏覽器在推出時的整體互通性分數為 62。
截至 2023 年 10 月的狀態
實驗性瀏覽器的整體互通性分數為 89。如果您改用「穩定版」檢視畫面,並查看已整合至穩定版瀏覽器的項目,則分數是相當可靠的 75。其次是許多主要引擎其中有些問題只是細微的互通性修正,同時也有一些主要的功能。
大小容器查詢和容器查詢長度值
今年 2 月,我們宣導大小容器查詢的互通性。這是網頁程式開發人員長久以來都要求推出的功能,開放所有引擎使用,很快就為網站平台創造巨大成功。
除了大小容器查詢,還有容器查詢單位。這些使用方式與 vw
等可視區域單元相同,差別在於它們與容器 (而非可視區域) 相關。
瀏覽器支援
- 105
- 105
- 110
- 16
顏色空格和函式
在 5 月的色域 Lab 中,LCH、Oklab 和 Oklch 都已支援互通操作。CSS 函式標記法 lab()
、lch()
、oklab()
和 oklch()
可讓開發人員使用這些色域。也包含 color()
和 color-mix()
函式註解。
如要進一步瞭解這些新的色彩空間和函式,請參閱高畫質 CSS 色彩指南。
子網格
CSS 格線版面配置的子格線功能是 grid-template-columns
和 grid-template-rows
的新值,可讓巢狀格線使用上層格線中的軌跡定義。也就是說,您可以對齊在格線結構中的巢狀結構項目。
進一步瞭解子網格。如要瞭解實作 subgrid 的一些複雜問題,請觀看 BlinkOn 18 的影片。
HTML 插入屬性
HTML inert
全域屬性意味著您可以將網頁區段標記為宣告。這可以防止點擊和聚焦事件,並在無障礙樹狀結構中隱藏元素及其內容。舉例來說,如果內容在畫面外顯示,這項功能就很實用,因此螢幕閱讀器也應該停用。
還有更多其他功能
除了這些主要功能以外,今年也推出許多其他功能和修正項目。目前還有一些瀏覽器版本已配合年底,我們會在所有分數出爐後發布完整匯報。