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 有三項更新：

第一項：新的 :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() 分享整個螢幕畫面

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

其他資訊

以上內容僅涵蓋部分重點功能。如要瞭解 Chrome 119 的其他變更，請點選下方連結。

訂閱

如要隨時掌握最新資訊，請訂閱 Chrome Developers YouTube 頻道，每當我們推出新影片時，您就會收到電子郵件通知。

而 Yo soy Adriana Jara 和 Chrome 120 發布後，我將馬上來 瞭解 Chrome 的新功能！