Chrome 119 新功能

Adriana Jara

以下是一些注意事項：

我是 Adriana Jara一起來深入探索 Chrome 119 為開發人員推出的新功能。

Cookie 到期日。

Chrome 104 新建或設有到期日更新的 Cookie 在未來 400 天內，不能超過該日期。此限制也將溯及既往套用至儲存空間中的 Cookie。

Chrome 119 以上版本首次啟動，以及執行一次性資料庫遷移作業後，這些 Cookie 的到期日最多不超過 400 天。Chrome 119 發布至少 400 天後，使用者才會察覺這項變更的影響，而且只會對目前未更新的 Cookie 生效。

您可以參閱本文進一步瞭解到期日建議。另外，我們也提醒您，第三方 Cookie 將於近期內淘汰，以及這份指南。

CSS 更新

我們針對 CSS 提供三種更新：

第 1：新的 :user-invalid 和 :user-valid 虛擬類別分別代表了輸入內容有誤或不正確的元素，但只有在使用者大幅與互動內容互動後才會出現。這與 :valid 和 :invalid 虛擬類別類似，但具有新增的限制，只有在使用者與元素互動後，新的虛擬類別才會進行比對。

第二：相對顏色語法可讓開發人員修改其他顏色的參數，以定義色彩。

舉例來說：oklab(from magenta calc(l * 0.8) a b); 產生的 Oklab 洋紅色

第三：clip-path 現在支援更多值。

clip-path 屬性會建立一個剪輯區域，以設定要顯示元素的哪些部分。會顯示區域內，但已隱藏部分。

您現在可以使用 <geometry-box> 值控管片段的參考方塊，以便使用 clip-path。這些方塊值可以與基本形狀 (例如 clip-path: circle(50%) margin-box) 搭配使用，也可以單獨用於分割到特定方塊 (例如 clip-path: content-box)。

您也可以使用 xywh() 和 rect() 函式，輕鬆指定矩形或圓角矩形片段。

更正：本文的前一版本提到 Fenced Frames 的改善項目。這些異動現已在 Chrome 120 發布。

還有更多獎品等著您！

當然，還有許多其他功能

  • 自 Chrome 119 起，WebSQL 已完全移除。在 Chrome 123 版之前，開發人員可以執行反向來源試用，繼續使用 WebSQL。

  • 現在只要使用 monitorTypeSurfaces 選項，就能使用 getDisplayMedia() 防止使用者分享整個畫面

  • 一項是來源試用，可在 window.open() JavaScript API 中新增 fullscreen windowFeatures 參數，讓呼叫端直接開啟全螢幕的彈出式視窗。

延伸閱讀

這只涵蓋部分重要亮點。請點選下方連結查看 Chrome 119 的其他變更。

訂閱

歡迎訂閱 Chrome Developers YouTube 頻道， 每次推出新影片時，您都會收到電子郵件通知。

Yo soy Adriana Jara 等 Chrome 120 推出後，就立即協助 告訴你 Chrome 的新功能！