探索 2023 年 8 月穩定版和 Beta 版網路瀏覽器提供的一些有趣功能。
穩定版瀏覽器
自 2023 年 8 月起，Firefox 116、Firefox 117、Safari 16.6 和 Chrome 116 已變成穩定版。本文將介紹對網路平台的影響。
除了 Android 以外，Firefox 116 在所有平台上都支援 Audio Output Devices API。這個 API 可讓網頁應用程式將音訊輸出重新導向至允許的藍牙耳機、擴音器或其他裝置，而不必使用瀏覽器或底層的 OS 預設值。
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) 視窗中的元件。
Firefox 117 支援 CSS 巢狀結構和 & 巢狀選取器。這麼做可將不同樣式規則的巢狀結構嵌入另一個樣式規則。因此，CSS 巢狀結構與注意事項，Safari 和 Chrome 導入了舊版規格，不允許建立類型選取器的巢狀結構。Firefox 已導入新版規格，因此不需要使用 & 巢狀選取器。您可以在使用 CSS 巢狀結構中查看兩個版本的範例。
Beta 版瀏覽器版本
「Beta 版瀏覽器」可讓您預覽瀏覽器下一個穩定版本即將推出的功能。敬請把握這個大好機會，測試及移除哪些功能，以免影響網站在全球發布前受到影響。新的 Beta 版功能為 Firefox 118 和 Chrome 117。Safari 17 Beta 版仍在開發階段。這些版本為 YouTube 平台帶來許多絕佳功能。請查看版本資訊，瞭解所有細節，以下只是其中幾項重點摘要。
目前 Firefox 版本尚未提供太多資訊。不過，Chrome 117 保證有一些令人期待的功能。例如部分新的 CSS 功能啟用進入及結束動畫功能。
Chrome 117 包含 grid-template-columns 和 grid-template-rows 的 subgrid 值，因此該值已設為可互通。
此外，在 Chrome 117 版中，還有使用 Object.groupBy 和 Map.groupBy 靜態方法的 JavaScript 陣列分組。
Safari 17 Beta 版包含 popover 屬性，以新增對 Popover API 的支援。
網路新手系列叢書部分