網路平台 11 月新上架

瞭解 2024 年 11 月推出的穩定版和 Beta 版網頁瀏覽器中,有哪些有趣的功能。

發布日期:2024 年 11 月 27 日

2024 年 11 月,Firefox 133Chrome 131 已穩定推出。這篇文章將介紹網站平台新增的功能。

Firefox 133 支援 WebCodecs APIImageDecoderImageTrackListImageTrack 介面,可從主執行緒和工作執行緒解碼圖片。

Browser Support

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 133.
  • Safari: not supported.

Source

WorkerNavigator permissions 屬性

Firefox 133 也支援 WorkerNavigator.permissions

Browser Support

  • Chrome: 43.
  • Edge: 79.
  • Firefox: 133.
  • Safari: 16.4.

Source

@page 邊界框

Chrome 131 新增了對頁面邊界方塊的支援,可用於列印網頁文件或將其匯出為 PDF。

@page 邊界方塊可讓您定義網頁邊界區域中的內容,例如提供自訂的頁首和頁尾,而非使用瀏覽器產生的內建頁首和頁尾。

您也可以使用計數器來編號頁面。規格定義了兩個特殊計數器名稱:page 代表目前的頁碼,pages 代表頁面總數。

如要進一步瞭解如何操作,請參閱這篇文章,瞭解如何在使用 CSS 列印的頁面邊界中加入內容。

Browser Support

  • Chrome: 131.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

支援相對色彩語法中的 currentcolor

Chrome 131 允許 CSS 中的相對顏色 (使用 from 關鍵字) 使用 currentcolor 做為基礎。這可讓您根據元素的文字顏色,為該元素的邊框、陰影或背景設定互補色。

Uint8Array 種方式

Firefox 133 新增了多種 Uint8Array 方法,可在 base64- 和十六進位編碼字串和位元組陣列之間輕鬆轉換:

  • Uint8Array.fromBase64()Uint8Array.fromHex()
  • Uint8Array.prototype.setFromBase64()Uint8Array.prototype.setFromHex()
  • Uint8Array.prototype.toBase64()Uint8Array.prototype.toHex()

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 133.
  • Safari: 18.2.

Source

專用工作站上的 WebHID

Chrome 131 可在專屬 worker 內容中啟用 WebHID。這可讓您在個別執行緒上執行大量 I/O 作業,並處理 HID 裝置的資料,有助於降低對主執行緒的效能影響。

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: not supported.
  • Safari: not supported.

Beta 版瀏覽器

瀏覽器測試版可讓您預覽瀏覽器下一個穩定版的內容。在正式發布前,您可以測試可能影響網站的新功能或移除項目。新的 Beta 版為 Firefox 134Safari 18.2Chrome 132。這些版本為平台帶來許多精彩功能。詳情請參閱版本資訊。以下列舉其中幾項重點。

Safari 18.2 包含 Uint8Array 方法,這在本篇文章稍早提到,是 Firefox 中提供的方法,以及本月在 Chrome 中提供的 @page 邊界描述符。這裡有許多新的 CSS 功能,包括跨文件檢視畫面轉場、ruby-aligntext-box-trim 的支援功能。

Chrome 132 支援 writing-mode CSS 屬性的 sideways-rlsideways-lr 關鍵字、<dialog> 的切換事件,以及 RequestResponse 介面的 bytes() 方法。

Firefox 134 目前沒有太多詳細資料,但似乎包含了 Promise.try,這也是 Safari 18.2 Beta 版的內容。