Reader

探索穩定版和 Beta 版帶來的一些有趣功能網路瀏覽器。

穩定版瀏覽器

2024 年 6 月，Firefox 127 和 Chrome 126 穩定版推出。本文將介紹網頁平台新增的功能。

組合是任何程式設計語言中必備的資料結構。現在，您可以使用 JavaScript 的內建方法來執行集合作業。下列設定方法現已納入 Firefox 127 版本，並納入 Baseline 新功能：

瀏覽器支援

Clipboard API 現已完整支援 Firefox 127。Firefox 現已推出支援 ClipboardItem 介面，以及 read() 和 write() 剪貼簿介面的方法。如要進一步瞭解剪貼簿 API，請參閱「解除封鎖剪貼簿存取權」。

瀏覽器支援

CSS 漸層指定為接受 <color-interpolation-method>，此現在支援 Firefox，因此在所有主要引擎中都能互通。舉例來說，您現在可以使用 hsl 色彩系統和較長的插補指定 linear-gradient()。

.longer {
  background: linear-gradient(90deg in hsl longer hue, red, blue);
}

瀏覽器支援

先前您必須將網站架構重新建構為 SPA 中心，才能使用 View Transitions API。不過現在已非如此。在 Chrome 126 中，檢視畫面轉場功能現在會由用於相同來源導覽的預設選項。您可以在兩份相同的來源文件之間建立檢視畫面轉換。

如要啟用跨文件檢視模式的轉換，兩者都必須選擇接受。方法是使用規則中的 @view-transition，並將導覽描述元設為 auto。

@view-transition {
  navigation: auto;
}

瀏覽器支援

如要進一步瞭解跨文件檢視畫面轉場效果，請參閱相關說明文件。

Chrome 126 擴充了 GamepadHapticActuator 介面，適用於相容的遊戲手把的 trigger-rumble 功能。這項擴充功能將允許網頁應用程式 Gamepad API，具有這項功能時，可同時震動讓內建這項功能的遊戲手把裝置觸發。

瀏覽器測試版可讓您預覽瀏覽器的下一個穩定版。現在正是測試新功能的好時機移除。全新內容 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 屬性和值，因此可使用這項功能現已推出基準組。使用 @property 定義 type 並設定備用選項的 CSS 自訂屬性值。