網路平台新手將於 8 月推出

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

自 2023 年 8 月起,Firefox 116Firefox 117Safari 16.6Chrome 116 已變成穩定版。本文將介紹對網路平台的影響。

除了 Android 以外,Firefox 116 在所有平台上都支援 Audio Output Devices API。這個 API 可讓網頁應用程式將音訊輸出重新導向至允許的藍牙耳機、擴音器或其他裝置,而不必使用瀏覽器或底層的 OS 預設值。

瀏覽器支援

  • x
  • x
  • 116
  • x

資料來源

Chrome 116 包含 CSS Motion Path,允許任何圖形物件沿著開發人員指定的路徑以動畫呈現。這允許許多強大的新轉換可能,例如使用極座標 (搭配 ray() 函式) 進行定位,而非使用 translate() 函式使用的標準矩形座標,或是為已定義路徑上的元素建立動畫效果。這樣一來,就能更輕鬆地定義複雜且精美的 2D 空間轉場效果。路徑可指定為 circle()ellipse()rect()inset()xywh()polygon()ray()url()

此外,Chrome 116 還提供 Document Picture-in-Picture API。這會啟用「一律開啟」視窗,該視窗可以填入任意 HTMLElement。這是以現有的 HTMLVideoElement API 為基礎,僅允許將 HTMLVideoElement 放入子母畫面 (PiP) 視窗中的元件。

瀏覽器支援

  • 116
  • 116
  • x
  • x

資料來源

Firefox 117 支援 CSS 巢狀結構& 巢狀選取器。這麼做可將不同樣式規則的巢狀結構嵌入另一個樣式規則。因此,CSS 巢狀結構與注意事項,Safari 和 Chrome 導入了舊版規格,不允許建立類型選取器的巢狀結構。Firefox 已導入新版規格,因此不需要使用 & 巢狀選取器。您可以在使用 CSS 巢狀結構中查看兩個版本的範例。

瀏覽器支援

  • 120
  • 120
  • 117
  • 17.2

資料來源

Beta 版瀏覽器版本

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

目前 Firefox 版本尚未提供太多資訊。不過,Chrome 117 保證有一些令人期待的功能。例如部分新的 CSS 功能啟用進入及結束動畫功能。

Chrome 117 包含 grid-template-columnsgrid-template-rowssubgrid 值,因此該值已設為可互通。

此外,在 Chrome 117 版中,還有使用 Object.groupByMap.groupBy 靜態方法的 JavaScript 陣列分組。

Safari 17 Beta 版包含 popover 屬性,以新增對 Popover API 的支援。

網路新手系列叢書部分