探索 2022 年 9 月穩定版和 Beta 版網路瀏覽器提供的一些有趣功能。
穩定版瀏覽器
Firefox 105、Chrome 106 和 Safari 16 已成為穩定版。這意味著 9 月份文章充滿了網路平台的精彩新事物。
容器查詢
Safari 16 開始支援容器查詢，而這項功能目前已在兩種引擎中使用。Safari 也開始支援新的容器查詢單元。
格狀版面配置
Safari 也已經支援 grid-template-columns 和 grid-template-rows 的 subgrid 值。如果將這個值在本身為格線項目的格狀檢視畫面中使用，表示格線會使用其範圍於父項，而不會定義新軌道。
此外，在 Safari 中，格狀版面配置也可以為格線軌道建立動畫。
瀏覽器支援
- 107
- 107
- 66
- 16
Safari 也開始支援 offset-path、overscroll-behavior、text-align-last 和 resolution 媒體查詢。
編碼 API
Firefox 105 支援 Encoding API 的 TextDecoderStream 和 TextEncoderStream 介面。
新的 Intl API
Intl API 可協助以本地化格式顯示內容，Chrome 106 則新增了大量數字格式功能。
如同其他 Intl API，這會將負擔轉向系統，因此您不必為每位使用者提供或維護複雜的本地化程式碼。API 會知道貨幣符號會的位置、如何設定日期和時間格式，或編譯清單。
showPicker() 方法
Safari 16 包含 showPicker() 方法，可透過標準化方式，針對日期、時間、顏色和檔案顯示瀏覽器挑選器。如需更多資訊，請參閱顯示日期、時間、顏色和檔案的瀏覽器挑選器。
Beta 版瀏覽器版本
「Beta 版瀏覽器」可讓您預覽瀏覽器下一個穩定版本即將推出的功能。敬請把握這個大好機會，測試及移除哪些功能，以免影響網站在全球發布前受到影響。本月新的 Beta 版測試為 Chrome 107、Safari 16.1 和 Firefox 106。
Chrome 107 版本還推出為格狀軌跡製作動畫效果的功能；這個版本也在 Safari 上推出。這項服務導入 Chrome 後，這三個主要引擎就會支援這項功能。
此外，Chrome 還增添了 getDisplayMedia() 的新增功能，旨在避免分享螢幕畫面時不慎過度分享。
displaySurface選項可指出網頁應用程式偏好提供特定的顯示介面類型 (分頁、視窗或螢幕)。surfaceSwitching選項可指定 Chrome 是否應允許使用者動態切換共用分頁。selfBrowserSurface選項可用來禁止使用者分享目前的分頁。這可避免「鏡射效應」效果。systemAudio選項可確保 Chrome 只為使用者提供相關音訊擷取內容。
Safari 16.1 中修正了 display: contents 的無障礙功能的額外修正項目、修正動態可視區域高度 (dvh) 單位，以及支援捲動至文字片段的功能。
網路新手系列叢書部分