Chrome 107 Beta 版

新增 Screen Capture API、CSS 格線範本屬性內插類型等。

除非另有註明,否則以下說明異動適用於 Android、ChromeOS、Linux、macOS 和 Windows 的最新 Chrome Beta 版。您可以透過提供的連結或 ChromeStatus.com 上的清單進一步瞭解此處列出的功能。Chrome 107 已於 2022 年 9 月 29 日推出 Beta 版。你可以透過電腦前往 Google.com 或使用 Android 裝置前往 Google Play 商店下載最新版本。

CSS grid-template 屬性內插類型

在 CSS 格線中,grid-template-columnsgrid-template-rows 屬性可讓開發人員定義線條名稱,並分別追蹤格線欄與列的大小。感謝 Microsoft 的貢獻者,我們現在支援這些屬性的內插類型。格線版面配置現在可以在狀態之間流暢轉換,不必在動畫或轉換的一半點貼齊。

可保障隱私權的螢幕畫面分享控制選項

Screen Capture API 引進了現有的 Media Capture 和 Streams API,讓使用者選取要擷取的畫面或部分畫面 (例如視窗),將其擷取為媒體串流。然後錄製這部直播影片,或是透過網路與他人分享。本 Beta 版為這個 API 新增了一些新功能。

DisplayMediaStreamConstraints.selfBrowserSurface

允許網頁應用程式指示瀏覽器,在呼叫 getDisplayMedia() 時,是否將目前的分頁從提供給使用者的分頁清單中排除。

這是為了避免使用者不小心自拍,因此當使用者不小心誤入應用程式正在執行的分頁時,系統會產生鏡面特效,讓使用者感到困惑,並停止與遠端使用者的討論。

DisplayMediaStreamConstraints.surfaceSwitching

新增選項,以程式輔助方式控制 Chrome 在分享螢幕畫面時是否顯示切換分頁的按鈕。這個選項會傳遞至 navigator.mediaDevices.getDisplayMedia()

改為點選「分享這個分頁」按鈕,使用者就能流暢切換要分享的分頁,不必再次選取視訊會議分頁、再次點選按鈕啟動「getDisplayMedia()」,或是從大量分頁中選取新分頁。由於並非所有網頁應用程式都能處理此行為,因此有條件地公開這種行為。

MediaTrackConstraintSet.displaySurface

呼叫 getDisplayMedia() 時,瀏覽器會讓使用者選擇顯示介面,例如分頁、視窗或螢幕。有了 displaySurface 限制,網頁應用程式現在可能會提示瀏覽器,以更醒目的方式為使用者提供特定介面類型。

進一步瞭解這些功能如何避免意外過度分享。

資源計時中的轉譯封鎖狀態

將欄位新增至 PerfomanceResourceTiming,指出資源的轉譯封鎖狀態。目前從開發人員的角度來看,如要判斷哪些資源實際遭到封鎖,唯一的方法就是依賴複雜的經驗法則。新欄位會改為提供相同資訊的直接信號。

權限政策來源中的萬用字元

這項功能支援在權限政策 (例如 SCHEME://*.HOST:PORT) 中新增萬用字元,例如 https://*.foo.com/,其中的有效來源可透過 SCHEME://HOST:PORT 建構 (例如 https://foo.com/)。其要求 HOST 必須至少是 eTLD+1 (可註冊的網域)。這表示 https://*.bar.foo.com/ 正常運作,但 https://*.com/ 無法運作。系統將不再支援配置和通訊埠部分中的萬用字元,https://*.foo.com/ 也不會委派給 https://foo.com/。使用權限政策之前,可能需要先進行以下操作:

permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://cdn1.foo.com" "https://cdn2.foo.com")

你可以透過這項功能:

permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://*.foo.com")

支援 <form> 元素的 rel 屬性

這項功能會將 rel 屬性新增至表單元素,從而防止透過含有 rel=noopener 的表單元素前往的網站出現 window.opener,並防止系統透過 rel=noreferrer 傳送參照網址標頭。

來源試用

這個版本的 Chrome 有 2 項新的來源試用

宣告式 PendingBeacon API

一種有狀態信標 API,可讓瀏覽器控制傳送信標的時間。信標是傳送到後端伺服器的資料組合,而且無預期獲得回應。通常您希望在使用者造訪網頁時傳送這些內容,但如果無法「傳送」撥號中。這個 API 會將傳送作業委派給瀏覽器本身,以便支援在卸載頁面或隱藏頁面時的信標,開發人員不必在正確的時間執行傳送呼叫。

這項試用計畫預計可持續到 Chrome 109 為止。按這裡申請試用

Permissions-Policy:卸載

這項功能可讓網頁停止執行卸載事件處理常式。目的是讓網站可以在移除所有卸載處理常式後,避免意外新增處理常式。這麼做有助於網站遷移卸載事件處理常式,進而改善 BFCache 命中率

這項試用計畫預計可持續到 Chrome 109 為止。按這裡申請試用

淘汰和下架

這個版本的 Chrome 導入下列淘汰和移除程序。請前往 ChromeStatus.com 查看預定淘汰事宜、目前淘汰項目和先前移除內容的清單。

這個版本的 Chrome 淘汰了一項功能。

預計康乃狄克州

Expect-CT 是 HTTP 標頭,可讓網站在預設強制執行憑證透明化控管機制之前,選擇啟用憑證透明化控管機制。此外,這個版本還提供回報功能,可協助開發人員找出 CT 的相關設定錯誤。

Expect-CT HTTP 標頭可幫助高價值網站選擇強制執行 CT 或報告,以加強安全性,避免 Chrome 標頭在所有公開網站強制實行 CT。不過,Expect-CT 的實用性已過時。Chrome 目前需要在所有公開網站上啟用 CT,因此不再為 Expect-CT 設定安全價值。沒有其他瀏覽器實作 Expect-CT,因此移除它不算是互通性問題。