Chrome 119 的新变化

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

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

Cookie 有效期。

自 Chrome 104 开始,对于新创建的 Cookie 或具有失效日期更新的 Cookie,其上限是未来不超过 400 天的 Cookie。现在,这一限制也将同样应用于已存储的 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 更易于使用。这些 box 值可以与基本形状(例如 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 中的新变化!