2025 年 12 月基準每月摘要

發布日期:2026 年 1 月 26 日

如預期,2025 年 12 月是 Baseline 的淡季,開發人員社群在年底放鬆休息,好好充電。雖然與 2025 年其他月份相比,這次的更新較為簡短,但仍有許多重點!

基準新功能

下列功能於 2025 年 12 月成為 Baseline 新功能。因此,所有這些功能將於 2028 年 7 月成為 Baseline Widely 可用功能。

document.caretPositionFromPoint()

document.caretPositionFromPoint() 是一種實用的方法,可根據指定的檢視區塊座標,找出確切的插入點 (DOM 節點和位移)。這種方法可減少在文件中尋找插入號位置時的猜測。

Event Timing API

Event Timing API 用於偵測與文件的互動,並可計算使用者互動的延遲時間。這個 API 用於計算 Interaction to Next Paint (INP) Core Web Vitals 指標這項 API 現在已成為 Baseline Newly available,因此可以計算所有核心瀏覽器的 INP 指標。這項 API 最終會成為 Baseline Widely available,屆時就能計算更多瀏覽器的這項重要使用者中心指標,以利進行實際使用者監控 (RUM)。

Largest Contentful Paint API

最大內容繪製 (LCP) 是網站體驗核心指標,可計算文件中的最大內容何時完成轉譯。最大內容繪製 API 現在已成為 Baseline Newly available,而且隨著該 API 達到 Baseline Widely available 狀態,涵蓋的使用者會越來越多,因此您將能計算這個重要的以使用者為中心的指標,並收集實際使用者的體驗資料。

CSS scrollbar-color

過去無法在不同瀏覽器中,一致地設定捲軸樣式。CSS scrollbar-color 屬性現在已成為 Baseline Newly available,因此您可以使用更完善的方法,設定文件的捲軸顏色樣式。

scrollend 個事件

scrollend 事件可提供可靠的方式來偵測捲動作業何時完成,取代雜亂的 setTimeout 駭客行為。這項功能以「基準」的形式推出,表示使用者可以偵測捲動作業何時完成,同時透過使用 setTimeout 回呼,確保程式碼的效能和可讀性不受影響。

CSS @scope

CSS @scope at-rule 可讓您更輕鬆地以文件子樹狀結構中的元素為目標,減少複雜選取器的需求。@scope現已成為 Baseline Newly available,您現在可以使用這個強大的工具來設定樣式範圍。

數學字型系列

如果您曾在網頁上顯示數學方程式,就會知道這類內容需要特定算繪方式。font-family: math 成為 Baseline 後,您不再需要使用駭客技術顯示數學方程式。

叫用程式指令

呼叫器指令可將行為指派給網頁上的 <button> 元素。特別是控制對話方塊和彈出式視窗的使用,並協助您處理使用這些 API 的許多基本需求,例如無障礙考量。如要瞭解這些模式的運作方式,請參閱我們最近推出的「Baseline in action」系列文章中的「<dialog>popover:Baseline 分層 UI 模式」。

普遍可用的基準功能

2025 年 12 月,有幾項功能成為 Baseline 廣泛支援功能,代表這些功能現在可在所有主要瀏覽器中廣泛使用。

calc() 個關鍵字

由於 calc() 會在 CSS 中執行數學運算,因此更需要為常用的數學公式導入關鍵字epiinfinityNaN 關鍵字代表 CSS 數學函式中接受的明確常數 (位於 calc())。

Worker 中的 JavaScript 模組

網頁工作人員的設計本來就是各自獨立,並透過 Worker() 建構函式例項化。啟動網頁工作站時,您可以使用 { type: "module" } 引數,在工作站範圍內使用 ES 模組,進而存取 importexport。這項功能現在已達到 Baseline Widely available 狀態,因此您可以在更多瀏覽器中使用這項功能。

window.print()

window.print() 是行之有年的網頁功能,而適用於特定現代列印對話方塊實作的跨瀏覽器 Baseline 廣泛可用時鐘,已於本月完成,因此可在更多使用的瀏覽器中更可靠地使用。

結論

2025 年已結束,我們將在 2026 年推出 Baseline,迎接新的一年!如常,如果我們遺漏任何與 Baseline 相關的內容,請告訴我們,我們會確保在日後版本中補上!