探索 2024 年 6 月,我們在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。
穩定版瀏覽器版本
Firefox 127 和 Chrome 126 已於 2024 年 6 月穩定運作。本文介紹了網路平台新增的功能。
JavaScript 設定方法
組合是任何程式設計語言中必備的資料結構。現在,您可以使用 JavaScript 的內建方法來執行集合作業。下列設定方法現已納入 Firefox 127 版本,並納入 Baseline 新功能:
intersection()
union()
difference()
symmetricDifference()
isSubsetOf()
isSupersetOf()
isDisjointFrom()
詳情請參閱「JavaScript 設定方法」現已成為基準部分。
Async Clipboard API
Clipboard API 現已完整支援 Firefox 127。Firefox 現在支援 ClipboardItem
介面,以及剪貼簿介面的 read()
和 write()
方法。如要進一步瞭解 Clipboard API,請參閱「解除封鎖剪貼簿存取權」。
CSS 漸層色彩內插的顏色
指定 CSS 漸層代表接受 <color-interpolation-method>
,而 Firefox 現已支援此做法,因此能在所有主要引擎之間互通。舉例來說,您現在可以使用 Hsl 色彩系統和更長的內插類型來指定 linear-gradient()
。
.longer {
background: linear-gradient(90deg in hsl longer hue, red, blue);
}
瀏覽器支援
- 111
- 111
- 127
- 16.2
跨文件檢視轉換
先前您必須將網站架構重新建構為 SPA 中心,才能使用 View Transitions API。 不過現在已非如此。從 Chrome 126 開始,相同來源的瀏覽動作現在預設會啟用檢視轉場效果。您可以在兩份相同的來源文件之間建立檢視畫面轉換。
如要啟用跨文件檢視畫面的轉換,兩者都必須選擇接受。
方法是使用規則中的 @view-transition
,並將導覽描述元設為 auto
。
@view-transition {
navigation: auto;
}
詳情請參閱跨文件檢視轉換說明文件。
Gamepad API trigger-rumble
擴充功能
Chrome 126 擴充了 GamepadHapticActuator
介面,以便在網路上為相容的遊戲搖桿公開 trigger-rumble
功能。
此擴充功能將允許使用使用 Gamepad API 的網頁應用程式,在具備這項功能的遊戲手把裝置觸發時震動。
Beta 版瀏覽器版本
Beta 版瀏覽器可讓您預覽下一個穩定版瀏覽器的功能。因此,現在當公開發布之前,建議您多多測試新功能或移除網站,以免影響您的網站。最新 Beta 版包括 Firefox 128、Chrome 127、Safari 18 和 Safari 17.6。這些版本為平台帶來許多實用功能。如需所有詳細資料,請參閱版本資訊。以下列舉幾個重點。
Safari 17.6 版本修正了現有功能。Safari 18 有許多令人期待的新功能,包括樣式容器查詢、單頁應用程式的 View 轉換 API,以及支援 Flexbox 屬性中的 safe
關鍵字。
Chrome 127 包含 font-size-adjust
CSS 屬性、可將產生內容的替代文字以任意數量的元素來指定替代文字,以及在 MediaMetaData
中新增個別章節資訊的功能。
Firefox 128 包含 CSS 屬性和值,因此這項功能已推出「Baseline」新格式。使用 @property
定義 type
,並設定 CSS 自訂屬性的備用值。