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

2021 年 Chrome 开发者峰会上所有重要公告的汇总,以及了解详情所需的链接。

本文对 2021 年 Chrome 开发者峰会的所有重要公告进行了总结,并提供了了解详情的链接。

提高 Web 的互操作性

Web 兼容性是 Web 开发者面临的最大挑战之一,因此 Google 一直在与其他浏览器供应商合作,以解决五大兼容性问题:flexboxgridposition: stickyaspect-ratiotransforms

这项工作已经促成了这些关键领域的改进。 如需了解相关变更,请参阅 2021 年中期兼容性更新

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

Project Fugu 旨在将新类别的应用引入 Web。您可以访问 fugu-tracker.web.app,及时了解 Fugu API 的最新信息。

Adobe 最近宣布将 Photoshop 引入网络,这一壮举离不开 Adobe、Google 和网络标准组织之间的合作。有关详情,请参阅 Photoshop 的网络访问历程一文。

确保隐私

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

我们正在与网络社区和行业利益相关者合作,开发新的隐私保护技术来支持整个生态系统,目标是逐步淘汰第三方 Cookie,并减少隐秘跟踪和浏览器数字“指纹”收集。

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

改进 Core Web Vitals

我们一直在与热门 JavaScript 框架的开发者合作来改进 Core Web Vitals,在这项工作中,我们确定了两个新指标,欢迎您就此提供反馈。了解总体响应速度流畅度,然后告诉我们您的想法。

此外,我们还推出了 PageSpeed Insights 的更新版本、适用于 Chrome 开发者工具的全新 Recorder 面板(目前可在 Canary 版中使用)以及适用于 Lighthouse 的全新用户流 API

启用新的网络平台功能

RenderingNG 是对 Chromium 渲染引擎的宏伟重构,旨在修复 Chrome 中长期存在的 bug,还解锁了一些新功能。其中包括容器查询这一功能,这也是 Web 开发者多年来呼声最高的功能。

容器查询对于曾使用媒体查询创建自适应设计的所有人来说都很熟悉。不过,在查询视口尺寸的过程中,您可以通过视口尺寸查询组件所在的容器的尺寸。Google 正致力于在 Chrome 中通过 #enable-container-queries 标记试用这一新兴规范。

您可以阅读一篇详细介绍 RenderingNG 的博文,或观看此视频,了解所有关键的详细信息,了解这项工作如何解锁曾经被认为无法实现的功能。

帮助您创建精美且响应迅速的网站

新的自适应设计远不止屏幕或容器的尺寸。您可以在学习设计课程中了解如何创建现代自适应网站。前五个单元今天推出,其余的单元将在未来几周内发布。

今年,新的 CSS 属性已登陆 Chrome 和其他浏览器,让开发者能够更轻松地打造精美体验。 详细了解accent-colorsize-adjust

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

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

除了“学习设计”课程之外,我们还在今年早些时候推出了“学习 CSS”这一综合性 CSS 课程。

我们还开发了一门完整的课程,即学习表单,帮助您设计实用的无障碍表单。 除了这些课程之外,您还可以找到学习 PWA 的前几个单元。