2021年Chrome开发峰会上宣布的一切

![](http://www.guobacai.com/usr/uploads/2021/11/2664540678.png)
这篇文章总结了2021年Chrome开发峰会的所有重要公告，并提供了你需要的链接以了解更多信息。

## 让网络更具有互操作性 
网络兼容性是网络开发者面临的最大挑战之一，因此谷歌一直在与其他浏览器供应商合作，修复五大兼容性痛点。
flexbox, grid, position: sticky, aspect-ratio, and transforms.

这项工作已经导致了这些关键领域的改进。你可以在Compat 2021年中更新中[阅读这些内容](	http://www.guobacai.com/index.php/go/url-257/ "阅读这些内容")。

> 微软Edge团队承担了重写CSS网格布局的工作，作为Compat 2021工作的一部分。你可以在《Compat2021：用GridNG改善CSS网格兼容性》一文中阅读他们的工作。

## 允许新类别的应用程序在网络上运行
[Project Fugu](http://www.guobacai.com/index.php/go/url-257-2/ "Project Fugu")是一项旨在允许新类别的应用程序在网络上运行的努力。你可以在[fugu-tracker.web.app](http://www.guobacai.com/index.php/go/url-257-3/ "fugu-tracker.web.app")上了解Fugu APIs的最新进展。

Adobe最近宣布，他们正在将Photoshop带到网络上，这是Adobe、Google和网络标准组织之间的合作所带来的壮举。在[《Photoshop的网络之旅》](http://www.guobacai.com/index.php/go/url-257-4/ "《Photoshop的网络之旅》")一文中了解更多。

## 确保隐私
许多常见的网络功能依赖于第三方cookies和其他跨站追踪机制，这些机制在设计时并没有考虑到隐私问题，这使得开发者很难满足日益增长的隐私需求。

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

请在[隐私沙盒网站](	http://www.guobacai.com/index.php/go/url-257-5/ "隐私沙盒网站")上了解这项工作。我们也有[针对开发者的信息](http://www.guobacai.com/index.php/go/url-257-6/ "针对开发者的信息")和[建议指南](http://www.guobacai.com/index.php/go/url-257-7/ "建议指南")，每月更新或变化和进展，以及关于[用户代理字符串变化](http://www.guobacai.com/index.php/go/url-257-8/ "用户代理字符串变化")的时间表和测试细节的信息。

## 改进核心网络生命体征
我们一直在与流行的JavaScript框架的开发者合作，以改善Core Web Vitals，作为这项工作的一部分，我们已经确定了两个新的指标，希望得到您的反馈。阅读[关于整体响应性](http://www.guobacai.com/index.php/go/url-257-9/ "关于整体响应性")和[流畅性的文章](http://www.guobacai.com/index.php/go/url-257-10/ "流畅性的文章")，然后让我们知道你的想法。

你可以在我们的文章[《介绍Aurora》](http://www.guobacai.com/index.php/go/url-257-11/ "《介绍Aurora》")中了解更多关于我们与JavaScript框架的合作。

此外，还宣布了[PageSpeed Insights](http://www.guobacai.com/index.php/go/url-257-12/ "PageSpeed Insights")的更新版本、[Chrome DevTools的新记录器面板](http://www.guobacai.com/index.php/go/url-257-13/ "Chrome DevTools的新记录器面板")（目前在Canary中可用）以及[Lighthouse的新用户流API](http://www.guobacai.com/index.php/go/url-257-14/ "Lighthouse的新用户流API")。

## 启用新的网络平台功能
RenderingNG是对Chromium渲染引擎的一次雄心勃勃的重构，这个项目正在修复Chrome中长期存在的错误，同时也在解锁新的功能。这其中包括一个多年来一直是网络开发者的首要要求的功能--[容器查询](http://www.guobacai.com/index.php/go/url-257-15/ "容器查询")。

对于那些曾经使用媒体查询来创建响应式设计的人来说，容器查询看起来很熟悉。然而，在查询视口尺寸的同时，它们允许你查询组件所在的容器的尺寸。谷歌一直在对这一新兴规范进行试验性的实施，在Chrome浏览器的`#enable-container-queries`标志后面。

阅读一篇详细介绍[RenderingNG的博文](http://www.guobacai.com/index.php/go/url-257-16/ "RenderingNG的博文")，或[观看这段视频](https://www.youtube.com/watch?v=sUbJPHYKZkU "观看这段视频")，以了解这项工作如何解锁实施那些曾经被认为不可能落地的功能的所有关键细节。

## 帮助你创建漂亮的响应式网站#的网站
[新的响应式设计](http://www.guobacai.com/index.php/go/url-257-17/ "新的响应式设计")不仅仅是屏幕或容器尺寸。你可以在我们的课程[《学习设计》](http://www.guobacai.com/index.php/go/url-257-18/ "《学习设计》")中学习如何创建现代的响应式网站。前五个模块今天推出，其余模块将在未来几周内发布。

今年，新的CSS属性已经登陆Chrome和其他浏览器，使创建美丽的体验更加容易。了解更多关于[accent-color](http://www.guobacai.com/index.php/go/url-257-19/ "accent-color")和[size-adjust](http://www.guobacai.com/index.php/go/url-257-20/ "size-adjust")。

为了帮助你快速利用新的CSS，我们已经推出了一套[布局模式](http://www.guobacai.com/index.php/go/url-257-21/ "布局模式")。这些将为你提供许多常见界面模式的强大起点。

## 提供课程，帮助你学习网络技术
除了学习设计，我们还推出了[学习CSS](http://www.guobacai.com/index.php/go/url-257-22/ "学习CSS")的新模块，这是我们今年早些时候推出的综合性CSS课程。

我们还开发了一个完整的课程，帮助你设计功能性和可访问的表单--[学习表单](http://www.guobacai.com/index.php/go/url-257-23/ "学习表单")。与这些课程一起，你可以找到[学习PWA](http://www.guobacai.com/index.php/go/url-257-24/ "学习PWA")的前几个模块。

2021年Chrome开发峰会上宣布的一切

评论已关闭