瞭解 2024 年 11 月推出的穩定版和 Beta 版網頁瀏覽器中,有哪些有趣的功能。
發布日期:2024 年 11 月 27 日
穩定版瀏覽器
2024 年 11 月,Firefox 133 和 Chrome 131 已穩定推出。這篇文章將介紹網站平台新增的功能。
WebCodecs API
Firefox 133 支援 WebCodecs API 的 ImageDecoder
、ImageTrackList
和 ImageTrack
介面,可從主執行緒和工作執行緒解碼圖片。
WorkerNavigator
permissions
屬性
Firefox 133 也支援 WorkerNavigator.permissions
。
@page
邊界框
Chrome 131 新增了對頁面邊界方塊的支援,可用於列印網頁文件或將其匯出為 PDF。
@page
邊界方塊可讓您定義網頁邊界區域中的內容,例如提供自訂的頁首和頁尾,而非使用瀏覽器產生的內建頁首和頁尾。
您也可以使用計數器來編號頁面。規格定義了兩個特殊計數器名稱:page
代表目前的頁碼,pages
代表頁面總數。
如要進一步瞭解如何操作,請參閱這篇文章,瞭解如何在使用 CSS 列印的頁面邊界中加入內容。
Browser Support
支援相對色彩語法中的 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()
專用工作站上的 WebHID
Chrome 131 可在專屬 worker 內容中啟用 WebHID
。這可讓您在個別執行緒上執行大量 I/O 作業,並處理 HID 裝置的資料,有助於降低對主執行緒的效能影響。
Browser Support
Beta 版瀏覽器
瀏覽器測試版可讓您預覽瀏覽器下一個穩定版的內容。在正式發布前,您可以測試可能影響網站的新功能或移除項目。新的 Beta 版為 Firefox 134、Safari 18.2 和 Chrome 132。這些版本為平台帶來許多精彩功能。詳情請參閱版本資訊。以下列舉其中幾項重點。
Safari 18.2 包含 Uint8Array
方法,這在本篇文章稍早提到,是 Firefox 中提供的方法,以及本月在 Chrome 中提供的 @page
邊界描述符。這裡有許多新的 CSS 功能,包括跨文件檢視畫面轉場、ruby-align
和 text-box-trim
的支援功能。
Chrome 132 支援 writing-mode
CSS 屬性的 sideways-rl
和 sideways-lr
關鍵字、<dialog>
的切換事件,以及 Request
和 Response
介面的 bytes()
方法。
Firefox 134 目前沒有太多詳細資料,但似乎包含了 Promise.try
,這也是 Safari 18.2 Beta 版的內容。