互通性 2023 年 10 月最新消息

就已邁入 2023 年最後一季,我們在 2023 年互通性領域的所有瀏覽器都有許多進展。本文將介紹到目前為止的 Interop 2023 分數,以及因今年度推行而上線的功能。

2023 年 1 月的狀態

我們在 2023 年 1 月宣布推出 Interop 2023,並推出 26 個重點領域,預計所有引擎都在一年內改進。

實驗功能瀏覽器在推出時的整體互通性分數為 62。

互通性整體分數:62,調查:0,每個瀏覽器得分:Chrome 和 Edge 的分數:86、Firefox 為 74、Safari Technology Preview 為 86。
2023 年協同整合資訊主頁 (螢幕截圖日期:2023 年 1 月 31 日)。

截至 2023 年 10 月的狀態

實驗性瀏覽器的整體互通性分數為 89。如果您改用「穩定版」檢視畫面,並查看已整合至穩定版瀏覽器的項目,則分數是相當可靠的 75。其次是許多主要引擎其中有些問題只是細微的互通性修正,同時也有一些主要的功能。

互通性整體分數:89,調查:66 分,每個瀏覽器得分:Chrome 和 Edge 的 97、Firefox 是 93、Safari Technology Preview 為 95。
2023 年協同整合資訊主頁 (螢幕截圖日期:2023 年 10 月 30 日)。

大小容器查詢和容器查詢長度值

今年 2 月,我們宣導大小容器查詢的互通性。這是網頁程式開發人員長久以來都要求推出的功能,開放所有引擎使用,很快就為網站平台創造巨大成功。

瀏覽器支援

  • 105
  • 105
  • 110
  • 16

資料來源

除了大小容器查詢,還有容器查詢單位。這些使用方式與 vw 等可視區域單元相同,差別在於它們與容器 (而非可視區域) 相關。

瀏覽器支援

  • 105
  • 105
  • 110
  • 16

顏色空格和函式

在 5 月的色域 Lab 中,LCH、Oklab 和 Oklch 都已支援互通操作。CSS 函式標記法 lab()lch()oklab()oklch() 可讓開發人員使用這些色域。也包含 color()color-mix() 函式註解。

瀏覽器支援

  • 111
  • 111
  • 113
  • 15

資料來源

如要進一步瞭解這些新的色彩空間和函式,請參閱高畫質 CSS 色彩指南

子網格

CSS 格線版面配置的子格線功能是 grid-template-columnsgrid-template-rows 的新值,可讓巢狀格線使用上層格線中的軌跡定義。也就是說,您可以對齊在格線結構中的巢狀結構項目。

瀏覽器支援

  • 117
  • 117
  • 71
  • 16

資料來源

進一步瞭解子網格。如要瞭解實作 subgrid 的一些複雜問題,請觀看 BlinkOn 18 的影片

HTML 插入屬性

HTML inert 全域屬性意味著您可以將網頁區段標記為宣告。這可以防止點擊和聚焦事件,並在無障礙樹狀結構中隱藏元素及其內容。舉例來說,如果內容在畫面外顯示,這項功能就很實用,因此螢幕閱讀器也應該停用。

瀏覽器支援

  • 102
  • 102
  • 112
  • 15.5

資料來源

還有更多其他功能

除了這些主要功能以外,今年也推出許多其他功能和修正項目。目前還有一些瀏覽器版本已配合年底,我們會在所有分數出爐後發布完整匯報。