網路平台 2 月新手

探索 2023 年 2 月穩定版和 Beta 版網路瀏覽器提供的一些有趣功能。

穩定版瀏覽器

Firefox 110Chrome 110 已於 2023 年 2 月推出穩定版。一起來看看這對網路平台的影響。

這三個引擎中的容器查詢

Firefox 110 支援大小容器查詢,因此這三個引擎都支援這項重要功能。

瀏覽器支援

  • 105
  • 105
  • 110
  • 16

資料來源

CSS 初始字母

Chrome 110 開始支援 CSS initial-letter 屬性。此屬性設定初始字母應放進下列幾行文字的行數。詳情請參閱「使用 CSS 初始字母控制放置上限」一文。

瀏覽器支援

  • 110
  • 110
  • x
  • 9

資料來源

ReadableStream 非同步疊代

Firefox 新增對ReadableStream 中的非同步可疊代通訊協定的支援。

AudioContext.setSinkId()

Chrome AudioContext.setSinkId 會設定輸出時使用的音訊裝置 ID。如此一來,AudioContext 就能將音訊轉送至使用者所選的已連線輸出裝置。

如要進一步瞭解這項功能,請參閱在網路音訊中變更目的地輸出裝置一文。

瀏覽器支援

  • 110
  • 110
  • x
  • x

資料來源

IFrame 無憑證

此外,在 Chrome 中,IFrame 無憑證功能可讓開發人員使用新的暫時結構定義,在第三方 iframe 中載入文件。無憑證式 iframe 是無憑證的一般化程序,可支援無法部署 COEP 的第三方 iframe。這樣可以移除第三方 iframe 必須支援 COEP 的限制,才能嵌入 COEP 頁面,並會解除封鎖想採用跨來源隔離的開發人員。

進一步瞭解 iframe 無憑證

瀏覽器支援

  • 110
  • 110
  • x
  • x

早期穩定版

Chrome 110 也在 Chrome 發布時間表中標註了變更。我們將提前一週推出初期穩定版本,比一般版本更早發布給少數使用者。如要進一步瞭解這項變更,請參閱 Chrome 110 的版本發布時間表異動

Beta 版瀏覽器版本

「Beta 版瀏覽器」可讓您預覽瀏覽器下一個穩定版本即將推出的功能。敬請把握這個大好機會,測試及移除哪些功能,以免影響網站在全球發布前受到影響。最新的 Beta 版功能為 Firefox 111Safari 16.4Chrome 111。這些版本為 YouTube 平台帶來許多絕佳功能。請查看版本資訊,瞭解所有細節,以下只是其中幾項重點摘要。

Firefox 會在使用 File System Access API 時新增來源私人檔案系統 (OPFS)

Chrome 包含 CSS 色彩等級 4 所述的所有功能。這包括四種裝置各自獨立的顏色類型 (研究室、Oklab、lch 和 Oklch)、color() 函式,以及使用者定義的漸層和動畫色彩空間。此外也包含 CSS 顏色 5 的 color-mix() 函式。

請參閱高畫質 CSS 顏色指南,瞭解這些新的顏色類型和空格。

Chrome 也導入 View Transitions API,方便在單頁應用程式 (SPA) 中進行精美轉場。詳情請參閱「檢視轉換」說明文件。

此外,Chrome 111 也提供宣告式陰影 DOM,這是直接在 HTML 中導入及使用 shadow DOM 的新方式。

Safari 16.4 承諾將為這個平台推出重大版本。CSS 版本支援 :user-invalid:user-valid 虛擬類別、margin-trim 屬性、媒體查詢的範圍語法,以及支援 CSS Properties and Values API 和 @property

Safari 也支援 Web Push、Badging API,以及許多其他 Web API。這個版本還很酷,將推出互通性多種功能。

網路新手系列叢書部分