2021 年 Chrome 开发者峰会的所有重要公告汇总,以及你需要了解更多信息的链接!
使网络更具互操作性#
网络兼容性的Web开发人员的最大挑战之一,所以谷歌一直在与其他浏览器厂商修复五大兼容性痛点工作:
Flexbox的,电网,position: sticky
,aspect-ratio
,和变换。
这项工作已经导致这些关键领域的改进。您可以在Compat 2021 年中更新中了解这些内容。
作为 Compat 2021 工作的一部分,Microsoft Edge 团队承担了重写 CSS 网格布局的工作。您可以在Compat2021:提高 CSS 网格与 GridNG 的兼容性一文中了解他们的工作。
允许新类别的应用程序在网络上运行#
Project Fugu是一项旨在允许新类别的应用程序进入网络的努力。您可以在fugu-tracker.web.app上了解 Fugu API 的最新进展。
Adobe 最近宣布他们将把 Photoshop 引入网络,这是 Adobe、谷歌和网络标准组织之间的合作实现的壮举。在Photoshop 的网络之旅 一文中了解更多信息。
确保隐私#
许多常见的 Web 功能依赖于第三方 cookie 和其他未考虑隐私的跨站点跟踪机制,这使得开发人员难以满足日益增长的隐私需求。
我们正在与网络社区和行业利益相关者合作开发新的隐私保护技术来支持生态系统,旨在逐步淘汰第三方 cookie 并减少隐蔽跟踪和浏览器指纹识别。
在隐私沙盒网站上了解这项工作。我们还为开发人员提供了提案的信息和指南、每月更新或更改和进度,以及有关更改用户代理字符串的时间表和测试详细信息的信息。
改善核心 Web Vitals #
我们一直在与流行 JavaScript 框架的开发人员合作以改进 Core Web Vitals,作为这项工作的一部分,我们确定了两个新的指标,我们希望得到您的反馈。阅读有关整体响应能力和流畅度的信息,然后告诉我们您的想法。
您可以在我们的Aurora 简介一文中找到更多关于我们与 JavaScript 框架合作的信息。
还宣布了PageSpeed Insights的更新版本、Chrome DevTools的新记录器面板,目前可在 Canary 中使用,以及Lighthouse的新用户流 API。
启用新的网络平台功能#
RenderingNG 是对 Chromium 渲染引擎的雄心勃勃的重构,该项目正在修复 Chrome 中长期存在的错误,并解锁新功能。这包括多年来一直是 Web 开发人员最迫切要求的一项功能——容器查询。
对于曾经使用媒体查询创建响应式设计的任何人来说,容器查询看起来都很熟悉。但是,在查询视口大小的过程中,它们允许您查询组件所在容器的大小。Google 一直致力于#enable-container-queries
在 Chrome 中的标志背后对新兴规范进行试验实现。
阅读详细介绍RenderingNG的博客文章,或观看此视频以获取有关这项工作如何解锁曾经被认为不可能实现的功能实现的所有关键细节。
帮助您创建漂亮的响应式网站#
在新的响应式设计不仅仅是屏幕或容器大小的这么多。您可以在我们的课程学习设计中学习如何创建现代响应式网站。前五个模块今天发布,其余模块将在未来几周内发布。
今年,Chrome 和其他浏览器中引入了新的 CSS 属性,让创建精美体验变得更加容易。了解更多关于accent-color
和size-adjust
。
为了帮助您快速利用新的 CSS,我们推出了一套布局模式。这些将为您提供许多常见界面模式的强大起点。
提供课程帮助您学习网络技术#
除了 Learn Design 之外,我们还推出了Learn CSS 的新模块,这是我们今年早些时候推出的综合 CSS 课程。
我们还开发了一个完整的课程,帮助您设计功能性和可访问的表单——学习表单。除了这些课程,您还可以找到Learn PWA的前几个模块。