Chrome 119 的新变化

Adriana Jara

以下是您有必要知道的信息：

我是 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); 生成的 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。

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

  • 有一个源试用，该试验向 window.open() JavaScript API 添加了 fullscreen windowFeatures 参数，以允许调用方直接以全屏模式打开弹出式窗口。

深入阅读

这里仅介绍一些重要的亮点。如需了解 Chrome 119 中的其他变化，请点击以下链接。

订阅

如需随时了解最新动态，请订阅 Chrome Developers YouTube 频道，每当我们发布新视频时，您都会收到电子邮件通知。

嗨，Adriana Jara！Chrome 120 发布之后，我会在这里 告诉大家 Chrome 的新功能