探索 2025 年 1 月推出的穩定版和 Beta 版網頁瀏覽器中,一些有趣的功能。
發布日期:2025 年 1 月 29 日
穩定版瀏覽器
2025 年 1 月,Firefox 134、Safari 18.3 和 Chrome 132 已穩定推出。本文將介紹網頁平台新增的功能。
Promise.try
現已成為新版基準
Promise.try
是一種便利方法,可簡化同步回呼函式的錯誤處理。這項功能已在 Firefox 134 推出,因此已成為新版基準。詳情請參閱「Promise.try
現已在 Project Baseline 中推出」。
絕對定位元素的 CSS 對齊屬性
同樣在 Firefox 134 中,現在也支援絕對定位元素的 align-self
和 justify-self
CSS 屬性,以及 place-self
CSS 速記屬性。
Browser Support
CSS 橫向書寫模式
Chrome 132 已支援 writing-mode
CSS 屬性的 sideways-rl
和 sideways-lr
關鍵字。如要為了設計目的顯示垂直文字,sideways-rl
和 sideways-lr
可用於垂直書寫非 CJK 文字。
Browser Support
修正彈出式視窗的行動裝置支援功能
Safari 18.3 版本修正了各種互通性問題。主要問題是彈出式視窗的修正。先前在 iOS 和 iPadOS 上,如果在彈出式視窗外觸碰或點選,彈出式視窗就無法關閉。這個問題現已修正。
Request.bytes()
和 Response.bytes()
是新版基準
Chrome 132 在 Fetch 的 Request
和 Response
介面中新增 bytes()
方法,可傳回透過 Uint8Array
解析的承諾。雖然 Request
和 Response
都有 arrayBuffer()
方法,但您無法直接從緩衝區讀取資料。您必須建立 Uint8Array
等檢視畫面才能讀取。bytes()
方法可改善取得 Request
和 Response
主體的人體工學。
Device Posture API
Chrome 132 包含 Device Posture API,可協助您為折疊式螢幕設計。這項實作包含新的 device-posture
CSS 媒體功能,可用於偵測裝置目前的姿勢。它也包含 JavaScript 介面,可偵測並回應姿勢變化。姿勢的定義如下:
continuous
:表示平面螢幕,包括折疊式裝置在平放時使用的螢幕,以及平面或弧形螢幕。folded
:表示摺疊螢幕,這可能包括以書本或筆電姿勢使用的折疊式裝置。
Browser Support
WebAuthn Signal API
Chrome 132 也包含 WebAuthn Signal API,可讓 WebAuthn 信賴方將現有憑證的相關資訊傳送回憑證儲存空間提供者,以便更新或從提供者和系統 UI 中移除錯誤或已撤銷的憑證。
進一步瞭解 Chrome 電腦版密碼金鑰的 Signal API。
Beta 版瀏覽器
瀏覽器測試版可讓您預覽瀏覽器下一個穩定版的內容。在正式發布前,您可以測試可能影響網站的新功能或移除項目。新的 Beta 版為 Firefox 135 和 Chrome 133。這些版本為平台帶來許多精彩功能。如需瞭解所有詳細資訊,請參閱版本資訊。以下列舉幾個重點。
Chrome 133 是 CSS 的令人期待的版本。這包括進階 attr()
函式、捲動狀態容器查詢,以及 CSS text-box
、text-box-trim
和 text-box-edge
。
Chrome 133 也包含 FileSystemObserver
介面和 DOM 原始元素 (Node.prototype.moveBefore
),可讓您在 DOM 樹狀結構中移動元素,而無須重設元素的狀態。
Firefox 135 包含使用來源提案剖析 JSON,旨在提供功能,以減輕在 JavaScript 值和 JSON 文字之間轉換大型浮點數和日期值時,精確度降低的問題。