Chrome 119 的新变化

Adriana Jara

以下是您需要知晓的相关信息：

我是 Adriana Jara。我们来深入了解一下 Chrome 119 中面向开发者的新功能。

Cookie 的到期日期。

从 Chrome 104 开始，新创建的 Cookie 或更新了到期日期的 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); 会使 Oklab 洋红色变浅 80%。

第三点：clip-path 现在支持更多值。

clip-path 属性会创建一个剪裁区域，用于设置应显示元素的哪个部分。位于区域内的部分会显示，而位于区域外的部分会隐藏。

现在，您可以使用 <geometry-box> 值来控制剪辑的参考框，从而更轻松地使用 clip-path。这些盒子值可以与基本形状（例如 clip-path: circle(50%) margin-box）搭配使用，也可以单独使用以剪裁到指定的盒子（例如 clip-path: content-box）。

您还可以使用 xywh() 和 rect() 函数，以便更轻松地指定矩形或圆角矩形剪辑。

更正：本文的先前版本提到了对围栏帧的改进。这些变更现已在 Chrome 120 中发布。

等等！

当然，还有许多其他功能。

  • 从 Chrome 119 开始，WebSQL 已被完全移除。通过反向来源试用，开发者可以在 Chrome 123 之前继续使用 WebSQL。

  • 现在，您可以使用 monitorTypeSurfaces 选项通过 getDisplayMedia() 阻止用户共享整个屏幕

  • 源代码试用版会向 window.open() JavaScript API 添加 fullscreen windowFeatures 参数，以允许调用方直接以全屏模式打开弹出式窗口。

深入阅读

本文仅介绍了一些主要亮点。如需了解 Chrome 119 中的其他变更，请访问以下链接。

订阅

如需及时了解最新动态，请订阅 Chrome 开发者 YouTube 频道，这样每当我们发布新视频时，您就会收到电子邮件通知。

我是 Adriana Jara，Chrome 120 发布后，我会立即为您介绍 Chrome 中的新变化！