互通性 2023 年 10 月最新消息

我們已經在 2023 年最後一季到來, 與 2023 年互通性主題上的瀏覽器相關。本文將說明 互通性 2023 的分數與今年的

2023 年 1 月狀態

我們在 2023 年 1 月宣布推出 2023 年互通性 以及所有引擎在未來一年會努力改進的 26 個重點領域

實驗版瀏覽器在推出時的整體互通性分數為 62.

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

截至 2023 年 10 月的狀態

實驗性瀏覽器的整體互通性分數為 89。如果發生以下情況: 切換至穩定版檢視模式,查看已經完成的 這個分數是可觀的 75 分。比該分數低 是目前各種主要引擎都能運作的一堆功能。我們有些 除了一些主要功能外,還有小幅互通性修正。

互通性的整體分數:89 分,調查:66 分,每個瀏覽器的分數 97 分,Chrome 和 Edge 分別為 97 分、Firefox 為 93 分,Safari 科技預覽則為 95 分。
數據互通性 2023 資訊主頁 (2023 年 10 月 30 日擷取的螢幕截圖)。

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

今年 2 月,我們開始注意到尺寸容器查詢 互通性。這是眾所期待的網路功能 這種做法很快就能在所有引擎使用 以及網路平台

瀏覽器支援

  • 105
  • 105
  • 110
  • 16

資料來源

除了大小容器查詢之外,也產生了容器查詢 單元。 其用途與 vw 這類可視區域單元相同,差別在於 與容器相關,而不是可視區域

瀏覽器支援

  • 105
  • 105
  • 110
  • 16

色域與函式

5 月,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

資料來源

進一步瞭解子格。想要瞭解 導入子網格的複雜問題,請觀看 BlinkOn 的影片 18

HTML 內部屬性

HTML inert敬上 全域屬性代表您可以將網頁的各個區段標示為 商家資訊。這個 防止點擊和焦點事件,在 存取樹狀結構如果內容看似畫面外,這項功能就相當實用 因此應在螢幕閱讀器中為停用狀態

瀏覽器支援

  • 102
  • 102
  • 112
  • 15.5

資料來源

還有更多

除了上述主要功能之外,我們還推出許多其他功能和修正程式 。瀏覽器版本排在其餘階段 並在所有得分計算後,發布完整的四捨五入。