Chrome 123 版本中为开发者引入了一系列新功能，以下是一些亮点：

1. light-dark() CSS 函数 ：

- 此 CSS 函数可以根据用户对浅色或深色模式的偏好自适应颜色方案。

- 使用 light-dark() 函数在单个 CSS 属性中指定两种不同的颜色值。

- 浏览器将根据元素的计算 color-scheme 值自动选择适当的颜色。

2. Long Animation Frames API ：

- 旨在帮助查找导致主线程拥塞的原因，这经常是 INP（Interaction to Next Paint）不良的原因，它是衡量网站响应性的核心网络指标。

- 该 API 是 Long Tasks API 的增强版，提供对慢速 UI 更新的更好理解。

- 你可以收集并分析这些信息以识别和解决性能瓶颈。

3. Service Worker 静态路由 API ：

- 你可以在安装时声明总是从网络获取的路径。

- 当稍后加载受控 URL 时，浏览器可以在服务工作者完成启动前开始从这些路径获取资源，这样可以从不需要服务工作者的 URL 中移除服务工作者。

4. 其他新增功能 ：

- NavigationActivation 接口可以基于用户从哪里导航过来提供定制页面。

- Chrome 现支持 Zstandard ( zstd) 压缩，有助于更快地加载页面，并减少带宽使用，服务器加载时用时、CPU 和电力都将减少。

- display-mode 的 picture-in-picture 值允许你编写仅在应用以画中画模式显示时适用的特定 CSS 规则。

结论：

Chrome 123 在提高网页性能、增强响应性和改善用户体验方面，为开发人员提供了有力的新工具，如 light-dark() CSS 函数和 Long Animation Frames API。此外，Service Worker 静态路由 API 优化了服务工作者的启动性能问题。这些新增功能意味着开发人员现在拥有更多工具来构建快速、高效和用户友好的 web 应用。

#Chrome