探索 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 自訂屬性的備用值。