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

2021 年 Chrome 开发者峰会上所有重要公告的概要,其中包含了解详情的链接。

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

让 Web 的互操作性更高

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

这项工作已促进了这些关键领域。 如需了解相关信息,请参阅 Compat 2021 年中更新

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

Project Fugu 旨在为 Web 应用提供新类。您可以访问 fugu-tracker.web.app 及时了解 Fugu API 的最新进展。

Adobe 最近宣布将 Photoshop 引入 Web,这是由 Adobe、Google 和 Web 标准组织通力协作实现的。如需了解详情,请参阅 Photoshop 的网络之旅一文。

确保隐私安全

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

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

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

改进 Core Web Vitals

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

此外,我们还宣布了 PageSpeed Insights 的更新版本、新版 Chrome 开发者工具的录制器面板(目前在 Canary 版中提供),以及新的适用于 Lighthouse 的用户流 API

启用新的 Web 平台功能

RenderingNG 是对 Chromium 渲染引擎进行的一项雄心勃勃的重构,一个项目旨在修复 Chrome 中长期存在的错误并解锁新功能。其中包括一项多年来网络开发者迫切需要的功能,即容器查询

使用过媒体查询来打造自适应设计的任何用户都熟悉容器查询。 不过,在查询视口大小时,它们可让您查询组件所在的容器大小。 Google 一直致力于在 Chrome 中使用 #enable-container-queries 标志来试用新版规范。

阅读介绍 RenderingNG 的博文,或观看此视频,详细了解这项工作如何实现曾经认为无法实现的功能的实现。

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

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

今年,我们在 Chrome 和其他浏览器中推出了新的 CSS 属性,帮助您更轻松地打造美好体验。 详细了解accent-colorsize-adjust

为帮助您快速利用新版 CSS,我们推出了一组布局模式。 这些代码为许多常见接口模式提供了一个可靠的起点。

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

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

此外,我们还开发了一门完整的课程,帮助您设计功能强大且易于访问的表单:学习表单。 除了这些课程之外,您还可以找到学习 PWA 的前几个单元。