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

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

本文汇总了 2021 年 Chrome 开发者峰会上的所有重要公告,并提供了您需要的链接,以便您详细了解。

提高 Web 的互操作性

网站兼容性是 Web 开发者的一大难题,因此 Google 一直在与其他浏览器供应商合作,解决五大兼容性问题:flexboxgridposition: stickyaspect-ratio转换

这些工作已经在这些关键领域取得了成效。 您可以在 2021 年 Compat 年中更新中了解这些变化。

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

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

Adobe 最近宣布,他们将 Photoshop 引入 Web 平台,这项壮举得益于 Adobe、Google 和 Web 标准组织之间的协作。如需了解详情,请参阅“Photoshop 进军 Web 平台”一文

确保隐私保护

许多常见的 Web 函数依赖于第三方 Cookie 和其他并非以隐私保护为目标设计的跨网站跟踪机制,这使得开发者难以满足日益增长的隐私保护需求。

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

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

改进 Core Web Vitals

我们一直在与热门 JavaScript 框架的开发者合作,改进 Core Web Vitals。在此过程中,我们确定了两个新指标,希望您能就此提供反馈。请参阅整体响应能力流畅度,然后告诉我们您的想法。

我们还宣布推出了更新版 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 学习推出新模块。

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