
文章數
2025 年 2 月基準月月報
瞭解 2025 年 2 月期間的各種基準資料。
ruby-align 已成為基準
ruby-align 現已納入 Baseline
Popover API 現已正式推出
我們為何認為彈出式視窗是去年的基準,以及我們如何運用資料來進一步瞭解互通性。
CSS 的 scrollbar-color 和 scrollbar-gutter 已納入新版標準
CSS 的 scrollbar-color 和 scrollbar-gutter 已在所有主要瀏覽器引擎中推出,因此已納入新基準。
2025 年 1 月基準月摘要
這份「Baseline」月報的第一期內容,涵蓋 2025 年 1 月 Google 和網頁開發人員社群的「Baseline」相關動態。
WasmGC 和 Wasm 尾端呼叫最佳化功能現已可供使用
WebAssembly 垃圾收集和 Wasm 尾端呼叫最佳化功能現已在所有主要瀏覽器引擎中推出,並列為新基準。
Promise.try 現已成為 Baseline
Promise.try 現已在所有主要瀏覽器引擎中推出,因此可供新基準使用。
CSS 內容顯示屬性現已成為新版基準
CSS 內容瀏覽權限屬性現已成為「基準新推出」。
現已採用基準功能:為項目效果加上動畫效果
使用備用字型時,文字易讀。
目前如何使用容器查詢
這份逐步指南說明如何搭配跨瀏覽器備用機制使用容器查詢。
CSS font-size-Adjust 現已採用基準
使用備用字型時,文字易讀。
@property:現在支援通用瀏覽器的新一代 CSS 變數
使用 @property 的語意自訂屬性即將達到基準新支援。
「JavaScript 設定」方法現已併入基準
聯集和交集等 JavaScript 設定方法現在可以互通,讓設定作業更加輕鬆。
現在所有瀏覽器都支援 Screen Wake Lock API
Screen Wake Lock API 已正式納入所有主流瀏覽器,包括 Chrome、Safari 和 Firefox。
CSS 逐步值數學函式現已在 Baseline 2024 中推出
CSS 數學函式 rem()、mod() 和 round() 現已互通。
依 CSS 色彩配置相依的顏色搭配 light-dark()
description:使用 light-dark() 函式定義對使用色彩配置做出反應的顏色。
Intl.Segmenter 物件現已納入基準
JavaScript Intl.Segmenter 物件現已可以互通,能啟用按地區區分的文字區隔。
區塊版面配置的 align-content 屬性現已納入基準
區塊版面配置的 CSS align-content 屬性現已納入「基準新功能」。
使用 Array.prototype.with 的不可變更陣列更新
瞭解如何使用這個新方法在不變更原始陣列的情況下更新陣列。
:user-valid 和 :user-invalid 虛擬類別
關於 :user-valid 和 :user-invalid 虛擬類別,以及如何使用這些虛擬類別來改善輸入驗證的使用者體驗。
所有瀏覽器現在都支援壓縮串流
瀏覽器支援 資料來源 Compression Streams API 可用於使用 gzip 或 deflate (或 deflate-raw) 格式壓縮及解壓縮資料串流。 使用 Compression Streams API 內建的壓縮功能,JavaScript 應用程式就不需要包含壓縮程式庫,因此應用程式的下載大小會縮小。這項實用的 API 現在已全面支援所有瀏覽器。 以下程式碼片段說明如何壓縮資料: 如要解壓縮,請透過解壓縮串流管道傳送壓縮串流。
CSS 子格狀檢視
子格狀檢視可讓您共用格線,讓巢狀格線對齊祖系和同層級。
來源私人檔案系統
檔案系統標準引進了來源私人檔案系統 (OPFS),做為頁面來源的私人儲存空間端點,且對使用者隱藏,可選擇存取效能經過高度最佳化的特殊檔案。 來源私人檔案系統受到新式瀏覽器的支援,並由 Web Hypertext Application Technology Working Group ( WHATWG ) 在 檔案系統 Living Standard 中標準化。 Browser Support Source
在所有主要引擎推出新的 CSS 色域和功能
立即使用 HD 高畫質色彩,讓設計更生動有趣。
現已支援跨瀏覽器推播通知
向使用者提供及時且實用的通知。 推播通知是在 2016 年上統一的標準,發布了 Push API 和 Notification API,後者屬於 W3C 網頁應用程式工作團隊的一部分。這些 API
跨瀏覽器現在支援 JavaScript 匯入對應
有了匯入地圖,匯入 ES 模組的效率也大幅提升。 ES 模組是一種新式方式,可在網頁應用程式中加入及重複使用 JavaScript 程式碼。這些模組受到新版瀏覽器支援,相較於舊版非模組化 JavaScript 開發方法,可提供多項優點。 使用 ES 模組的現代化方式是使用 <script type="importmap"> 標記。這個標記可讓您定義外部模組名稱與其對應網址的對應關係,方便在程式碼中加入及使用外部模組。 如要使用 <script
上次基準對齊
所有主要瀏覽器引擎現在都支援 CSS 格線和 Flexbox 中的上次基準對齊。
容器查詢可傳送至穩定版瀏覽器
本週大小的容器查詢和容器查詢單元都會使用所有穩定的瀏覽器。