Chrome 118 Beta 版

適用 CSS 的範圍樣式、其他媒體功能、可聚焦的捲動容器等等。

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

CSS

這個版本加入了四項 CSS 新功能,

限定範圍樣式

@scope 規則可讓開發人員根據指定的範圍根層級界定樣式規則範圍,並根據範圍根的鄰近範圍設定樣式元素。

CSS 邏輯相關值

在現有的 CSS 屬性中加入下列新值:

  • float: inline-start
  • float: inline-end
  • clear: inline-start
  • clear: inline-end
  • resize: block
  • resize: inline

這些流程相關的定向關鍵字會根據元素的寫法模式或方向或其包含區塊,解析為實體值。

媒體查詢:偏好縮小透明度功能

新增 prefers-reduced-transparency 媒體功能,讓開發人員根據使用者所選偏好設定調整網頁內容,降低 OS 的透明度,例如 macOS 的「減少透明度」設定。有效選項為 reduceno-preference

支援 transform-box CSS 屬性中的外框、content-box 和邊框方塊

新增這項支援後,可變更 transform 屬性參考方塊的計算方式。這可啟用額外的轉換或圖形效果。舉例來說,內容方塊中的某個點有旋轉角度,此時元素的邊框寬度並不會影響結果。或是 (SVG) 元素的筆劃會影響結果,例如旋轉筆劃的形狀 (包括筆觸) 周圍的筆劃形狀。

HTML

鍵盤可聚焦捲動容器

使用依序焦點導覽功能,讓捲動容器成為焦點,改善無障礙設計。在此變更之前,除非將 tabIndex 明確設為 0 以上,否則 Tab 鍵不會聚焦捲動器。在預設情況下,只要將捲動器設為可聚焦,使用者無法 (或不想) 使用滑鼠時,也能使用鍵盤的 Tab 鍵和方向鍵存取剪輯的內容。這類行為不適用於包含鍵盤可聚焦元素的捲動器,因為這類元素的可透過鍵盤存取。

移除選項標籤屬性的相容模式行為

選項元素支援 label 屬性,導致選項與屬性內的文字一併顯示,而非選項元素本身的子項文字。這項功能在相容模式下會停用,此時系統會忽略標籤屬性,並一律顯示子項文字。這項變更將一律在標準模式和相容模式下使用標籤屬性。

網站 API

註冊 Privacy Sandbox (PSB)

隨著 Privacy Sandbox 的關聯性和評估 API 即將正式發布,我們希望確保這些技術都能正常使用,並維持資訊公開。這些 API 包括 Attribution ReportingProtected Audience APITopics APIPrivate Aggregation APIShared Storage API。PSB 將推出適用於 Privacy Sandbox 關聯性和評估 API 的開發人員註冊程序。Chrome 會從註冊伺服器 (透過元件更新工具) 擷取已註冊的網站清單,並使用這份清單限制 Privacy Sandbox API 的存取權。

封鎖透過 JavaScript 設定且包含控製字元的所有 Cookie

更新如何處理透過 JavaScript 設定的 Cookie 控製字元的處理方式。具體來說,所有控製字元都會導致整個 Cookie 遭到拒絕。先前,NULL 字元、回車字元或 Cookie 行中的換行字元,導致字元遭到截斷 (而非完全遭拒),因此在某些情況下可能啟用惡意行為。這項行為可讓 Chrome 根據最新的 RFC6265bis 草稿指出的行為。你可以透過 --disable-features=BlockTruncatedCookies 或 BlockTruncatedCookie 企業政策停用這項變更,如果這項變更會導致任何中斷情形,則適用數個里程碑。

所有語言的字型大小皆一致

將七種語言 (阿拉伯文、波斯文、日文、韓文、泰文、簡體中文和繁體中文) 的預設設定變更為最小字型大小的預設設定,以改善應用程式的互通性和無障礙功能。在此之前,所有語言 (僅列出 7 種語言) 皆預設為關閉這項設定。這項異動使這些語言與其他語言一致。請注意,這並非關於變更最小字型大小的功能。新版 SDK 的無障礙功能和可讀性沒有任何變更。

偵測相同文件導覽中的通用 Analytics 轉場效果

使用者瀏覽網頁時,能流暢的視覺轉換效果,有助於使用者保持內容脈絡,進而降低使用者的認知負荷。不過,如果網站作者和通用 Analytics 都加入了這些轉場效果,會導致使用者體驗不佳:轉換可能會發生衝突,並造成使用者混淆。這個 API 可避免這類情況,確保一次只能執行一個視覺轉換作業。API 會在 PopStateEventNavigateEvent 中加入布林值,指出通用 Analytics 是否已針對這項導覽執行視覺轉換。開發人員可以略過自訂轉換作業。

網址剖析器不會解碼網址路徑中的百分比編碼 ASCII 字元

這項變更會導致網址剖析器無法將網址路徑中的百分比編碼 ASCII 字元 (例如「%41」) 解碼(「A」)。實施這項變更前:

const url = new URL("http://example.com/%41");
url.href "http://example.com/A" 

這項異動生效後:

const url = new URL("http://example.com/%41"); 
url.href "http://example.com/%41"

Protected Audience 排除指定

在針對廣告空間的線上廣告競價中,避免向特定目標對象顯示廣告 (這種概念稱為「排除指定」概念) 有時非常實用。舉例來說,您可能不想向現有客戶顯示新客戶的廣告。在大部分的情況下,開發新客戶的廣告活動往往是首要之務。Protected Audience 目前可讓廣告根據過去的網路活動,指定加入特定興趣群組的使用者。這項功能也擴大 Protected Audience 的排除指定目標功能,也就是允許新廣告只指定尚未加入特定興趣群組的使用者。如此一來,我們就能讓廣告客戶使用 Protected Audience API 現有的隱私權保護概念,指定新的使用者群組。

移除付款使用者啟用規定

為協助開發人員減少付款要求流程的不便,我們將移除「付款要求」和「安全付款確認」頁面中的使用者啟用規定。這項異動實施後,為了降低安全性和隱私權風險,我們會採取預防垃圾內容和點擊劫持的因應措施。

擴充功能 Service Worker 中的 WebUSB

允許網頁開發人員在回應擴充功能事件時,使用 WebUSB API 給瀏覽器擴充功能註冊的 Service Worker。網站註冊的 Service Worker 目前無法存取這個 API。

XML 文件會將連續 CDATA 區段合併至單一節點

由於 libxml 中的錯誤,XHTML 文件中的 CDATA 區段有時可能會錯誤產生多個節點,視文件大小和文件中 CDATA 區段的位置而定。單一 CDATA 區段涵蓋多個輸入剖析器區塊時,libxml 會緩衝處理並將 CDATA 輸入發送到 300 個位元組的執行作業。這個狀況意外地將單一 CDATA 區段轉換成多個節點 (如果輸入區塊的長度大於 300 個位元組)。這項變更會導致同層 CDATA 區段節點在剖析期間合併為單一 CDATA 區段。這樣做可修正剖析期間的 libxml 錯誤,但也會合併獨立的節點 (例如:<![CDATA[foo]]><!CDATA[bar]]> 會產生包含內容 "foobar": CDATA "foobar" 的單一 CDATA DOM 節點)。

變更 beforeunload 處理常式對話方塊條件

針對 beforeunload 事件,取消對話方塊的提示方式有兩項新變更。

如果呼叫 event.preventDefault(),提示取消對話方塊。 如果 event.returnValue 是空白字串,則不要提示取消對話方塊。

來源試用進行中

在 Chrome 118 中,您可以選擇啟用下列新的來源試用功能。

WebRTC 編碼轉換:修改中繼資料函式

將各項功能新增至 WebRTC Encoded Transform API,可用於處理音訊和影片影格中繼資料。我們發現,有些使用案例需要先操控 WebRTC 編碼的媒體,而不需先解碼這些媒體。包括:

  • 傳送先前已編碼的資料。
  • 傳送已採用編碼格式接收的資料。
  • 接收並轉寄編碼格式的資料。

具體來說,我們想在支援無故障率轉送媒體的用途,從多個備援對等互連連線取得的媒體,這些連線會提供相同的媒體酬載,但中繼資料不同。

註冊 RTCEncodedFrameSetMetadata 來源試用

淘汰和下架

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

這個版本的 Chrome 移除了下列功能。

移除部分非標準的外觀關鍵字

在 Chrome 118 中,系統會停用使用率最低的非標準 appearance 關鍵字。停用功能後,如果外觀屬性是以該關鍵字作為值,系統會予以忽略。是在 Chrome 118 中停用的關鍵字:使用率低於 0.001% 的關鍵字:

  • media-slider
  • media-sliderthumb
  • media-volume-slider
  • media-volume-sliderthumb
  • sliderthumb-horizontal
  • sliderthumb-vertical

背景

由於系統只支援標準 appearance 關鍵字,因此我們要移除非標準的 appearance (以及 -webkit-appearance) 關鍵字。完整清單如下:

  • inner-spin-button
  • media-slider
  • media-sliderthumb
  • media-volume-slider
  • media-volume-sliderthumb
  • push-button
  • searchfield-cancel-button
  • slider-horizontal
  • sliderthumb-horizontal
  • sliderthumb-vertical
  • square-button

請注意,這個值不會移除 slider-vertical 用於允許 <input type=range> 垂直產業。 完全採用表單控制項垂直書寫模式後,就會移除這些模式。

在停用前,如果使用上述任何關鍵字,控制台會顯示控制台警告,但會被視為有效值。