以下是您需要知晓的相关信息:
- 已存储的 Cookie 将更新失效日期上限。
- CSS 包含新的伪类、相对颜色语法等。
- Fenced Frames 新增了一些改进,例如广告尺寸宏和其他功能。
- 还有许多其他功能。
我是 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 开发者工具的新变化 (119)
- Chrome 119 弃用和下架
- 针对 Chrome 119 的 ChromeStatus.com 更新
- Chromium 源代码库更改列表
- Chrome 发布日历
订阅
要随时掌握最新动态,请订阅 Chrome 开发者 YouTube 频道, ,每当我们发布新视频时,您都会收到电子邮件通知。
对了,Adriana Jara,Chrome 120 发布后 告诉您 Chrome 中的新变化!