開發人員電子報
過往版本
CSS 內容顯示屬性現已成為新版基準
CSS 內容瀏覽權限屬性現已成為「基準新推出」。
現已採用基準功能:為項目效果加上動畫效果
使用備用字型時,文字易讀。
目前如何使用容器查詢
這份逐步指南說明如何搭配跨瀏覽器備用機制使用容器查詢。
CSS font-size-Adjust 現已採用基準
使用備用字型時,文字易讀。
@property:現在支援通用瀏覽器的新一代 CSS 變數
使用 @property 的語意自訂屬性即將達到基準新支援。
「JavaScript 設定」方法現已併入基準
聯集和交集等 JavaScript 設定方法現在可以互通,讓設定作業更加輕鬆。
CSS 逐步值數學函式現已在 Baseline 2024 中推出
CSS 數學函式 rem()、mod() 和 round() 現已互通。
現在所有瀏覽器都支援 Screen Wake Lock API
Screen Wake Lock API 已正式納入所有主流瀏覽器,包括 Chrome、Safari 和 Firefox。
依 CSS 色彩配置相依的顏色搭配 light-dark()
description:使用 light-dark() 函式定義對使用色彩配置做出反應的顏色。
Popover API 進入基準版本
彈出式視窗 API 適用於所有新版瀏覽器引擎。
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 (或延遲原始) 格式來壓縮及解壓縮資料串流。 JavaScript 應用程式可以使用 Compression Streams API 的內建壓縮功能,不需要包括壓縮程式庫,藉此縮減應用程式的下載大小。所有瀏覽器現在都支援這個實用的 API。 下列程式碼片段說明如何壓縮資料: 如要解壓縮,請透過解壓縮串流管道管道提交壓縮的串流。
CSS 子格狀檢視
子格狀檢視可讓您共用格線,讓巢狀格線對齊祖系和同層級。
來源私人檔案系統
檔案系統標準引進了來源私人檔案系統 (OPFS),做為頁面來源的私人儲存空間端點,且對使用者隱藏,可選擇存取效能經過高度最佳化的特殊檔案。 來源私人檔案系統受到新式瀏覽器的支援,並由 Web Hypertext Application Technology Working Group ( WHATWG ) 在 檔案系統 Living Standard 中標準化。 瀏覽器支援 資料來源 提到電腦上的檔案,你可能會想到檔案階層:檔案以資料夾分類,你可以透過作業系統的檔案總管瀏覽。舉例來說,在
在所有主要引擎推出新的 CSS 色域和功能
立即使用 HD 高畫質色彩,讓設計更生動有趣。
跨瀏覽器現在支援 JavaScript 匯入對應
有了匯入地圖,匯入 ES 模組的效率也大幅提升。 ES 模組是一種新式方式,可在網頁應用程式中加入及重複使用 JavaScript 程式碼。這些模組受到新版瀏覽器支援,相較於舊版非模組化 JavaScript 開發方法,可提供多項優點。 使用 ES 模組的現代化方式是使用 <script type="importmap"> 標記。這個標記可讓您定義外部模組名稱與其對應網址的對應關係,方便在程式碼中加入及使用外部模組。 如要使用 <script
現已支援跨瀏覽器推播通知
向使用者提供及時且實用的通知。 推播通知是在 2016 年上統一的標準,發布了 Push API 和 Notification API,後者屬於 W3C 網頁應用程式工作團隊的一部分。這些 API
上次基準對齊
所有主要瀏覽器引擎現在都支援 CSS 格線和 Flexbox 中的上次基準對齊。
容器查詢可傳送至穩定版瀏覽器
本週大小的容器查詢和容器查詢單元都會使用所有穩定的瀏覽器。