Chrome 119 新功能

以下是一些注意事項:

我是 Adriana Jara。讓我們深入瞭解 Chrome 119 中開發人員的最新功能。

Cookie 到期日。

自 Chrome 104 起,新建立的 Cookie 或更新了到期日的 Cookie,其到期日不得超過未來 400 天。這項限制現在會溯及套用至已儲存的 Cookie。

這些 Cookie 的到期日上限為 Chrome 119 以上版本首次啟動並執行一次性資料庫遷移作業後的 400 天。在 Chrome 119 發布後至少 400 天,使用者才會感受到這項異動,且僅限於在該期間未更新的現有 Cookie。

您可以進一步瞭解到期日建議,此外,我們也提醒您,第三方 Cookie 將在近期淘汰,並提供淘汰前準備指南

CSS 更新

我們針對 CSS 做出了三項更新:

第一項:新的 :user-invalid:user-valid 擬似類別,分別代表元素的輸入內容不正確或正確,但只有在使用者與該元素進行大量互動後才會顯示。這些類別與 :valid:invalid 類似,都是擬似類別,但新擬似類別的限制條件是,只有在使用者與元素互動後才會相符。

其次,相對色彩語法可讓開發人員透過修改其他顏色的參數來定義顏色。

例如:oklab(from magenta calc(l * 0.8) a b); 會產生亮度降低 80% 的 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() 防止使用者分享整個螢幕畫面

  • 原點測試版會將 fullscreen windowFeatures 參數新增至 window.open() JavaScript API,讓呼叫端能夠直接以全螢幕模式開啟彈出式視窗。

延伸閱讀

這份報告僅涵蓋部分重點。請參閱下方連結,瞭解 Chrome 119 的其他異動。

訂閱

如要隨時掌握最新消息,請訂閱 Chrome 開發人員 YouTube 頻道,這樣一來,我們發布新影片時,你就會收到電子郵件通知。

我是 Adriana Jara,Chrome 120 一推出,我就會在這裡告訴你 Chrome 有哪些新功能!