2021 年 Chrome 开发者峰会上发布的所有内容

2021 年 Chrome 开发者峰会的所有重要公告汇总,并附有可供您详细了解的相关链接。

这篇博文汇总了 2021 年 Chrome 开发者峰会的所有重要公告,并附上了相关链接,方便您了解详情。

让网络更具互操作性

对于 Web 开发者来说,Web 兼容性是最大的挑战之一,因此 Google 一直在与其他浏览器供应商合作,以解决以下五大兼容性痛点:flexboxgridposition: stickyaspect-ratio转换

这项工作已在这些关键领域取得了改进。 您可以在 Compat 2021 年中更新中了解这些内容。

允许在 Web 上运行新类别的应用

Project Fugu 旨在让更多类型的新应用能够通过 Web 运行。您可以访问 fugu-tracker.web.app,及时了解 Fugu API 的最新进展。

Adobe 最近宣布,他们将推出网页版 Photoshop,而这得益于 Adobe、Google 和 Web 标准组织之间的合作。 如需了解详情,请参阅博文 Photoshop 的 Web 之旅

确保隐私

许多常见的 Web 功能都依赖于第三方 Cookie 和其他跨网站跟踪机制,但这些机制在设计时并未考虑隐私保护,因此开发者很难满足日益增长的隐私保护需求。

我们正与网络社区和行业利益相关者合作开发新的隐私保护技术,以支持生态系统,目标是逐步淘汰第三方 Cookie 并减少隐蔽跟踪和浏览器指纹识别。

如需详细了解相关工作,请访问 Privacy Sandbox 网站。 我们还提供了面向开发者的提案相关信息和指南每月更新或变更和进度,以及用户代理字符串变更的时间表和测试详情方面的信息。

改进核心网页指标

我们一直在与热门 JavaScript 框架的开发者合作,以改进核心网页指标,并且在此过程中发现了两个新指标,希望您能提供反馈。 请先了解总体响应速度流畅度,然后将您的想法告诉我们。

此外,Google 还宣布推出更新版 PageSpeed Insights、新的 Chrome 开发者工具记录器面板(目前在 Canary 版中提供)以及新的 Lighthouse 用户流 API

启用新的 Web 平台功能

RenderingNG 是对 Chromium 渲染引擎的大胆重构,该项目不仅修复了 Chrome 中长期存在的 bug,还解锁了新功能。 其中包括一项多年来一直备受 Web 开发者期待的功能,即容器查询

对于曾经使用媒体查询创建自适应设计的任何人来说,容器查询看起来都很熟悉。 不过,除了查询视口大小之外,它们还允许您查询组件所在的容器的大小。Google 一直在 Chrome 中通过 #enable-container-queries 标志测试性地实现这项新兴规范。

您可以阅读一篇详细介绍 RenderingNG 的博文,也可以观看此视频,全面了解这项工作如何实现曾经被认为不可能实现的功能。

帮助您创建精美的自适应网站

全新自适应设计不仅仅是屏幕或容器大小。 您可以学习我们的“学习设计”课程,了解如何创建现代自适应网站。 前五个模块将于今天发布,其余模块将在未来几周内发布。

今年,Chrome 和其他浏览器中新增了一些 CSS 属性,可让您更轻松地打造精美体验。 详细了解 accent-colorsize-adjust

为了帮助您快速利用新的 CSS,我们推出了一组布局模式。 这些组件将为您提供可靠的起点,以便您实现许多常见的界面模式。

提供课程,帮助您学习 Web 技术

除了“学习设计”之外,我们还推出了新模块,用于学习 CSS,这是我们今年早些时候推出的综合性 CSS 课程。

我们还开发了一门完整的课程,帮助您设计实用且易用的表单 - Learn Forms。除了这些课程之外,您还可以找到学习 PWA 的前几个模块。