探索 2022 年 2 月在稳定版和 Beta 版网络浏览器中登陆的有趣功能。
浏览器稳定版
Chrome 98 和 Firefox 97 已于 2 月成为稳定版。
Chrome 98 提供了 self.structuredClone 方法。它使用结构化克隆算法创建值的深度克隆。详细了解 structuredClone()。
Firefox 97 包含级联层。@layer at-rule 定义了一个级联层，可帮助您控制特异性。
@layer framework {
/* creates a new layer named framework */
}
Firefox 是首个推出发布版本的浏览器。不过，您可以参阅这篇帖子中有关 Beta 版的部分，因为此功能不久后将在所有地方推出。请参阅您的浏览器即将推出级联层，详细了解级联层。
Firefox 还会着陆 scrollbar-gutter 属性。此属性有助于消除因滚动条随着内容增大而出现的布局偏移。
滚动条边线是内边框边缘与外内边距边缘之间的空间。系统会在此处显示滚动条（如果需要）。如果没有滚动条，边线会显示为内边距的扩展。以下 CSS 会根据滚动条的尺寸向框的两侧添加间距，以保持外观对称。
.container {
scrollbar-gutter: stable both-edges;
}
Chrome 98 支持 COLRv1 彩色渐变矢量字体作为一种额外的新字体格式。彩色字体包含有多种颜色的字形，例如表情符号、国旗或彩色字母。
请参阅 Chrome 98 中的 COLRv1 颜色渐变矢量字体，详细了解这种新字体格式。
Beta 版浏览器版本
通过 Beta 版浏览器，您可以预览浏览器下一个稳定版本的新功能。不妨趁此时机测试一下新功能或内容移除，这些新功能或内容可能会在全球发布之前对您的网站产生影响。
2 月份的新 Beta 版是 Chrome 99 和 Firefox 98。Safari Beta 15.4 仍在开发中，上个月我介绍了一些内容。
Chrome 99 包含级联层，Safari Beta 15.4 中也提供了级联层，我们预计很快就可以在所有常规浏览器中实现此功能。
此外，在 Chrome 99 中，CanvasRenderingContext2D 新增了几个属性，并在 HTMLInputElement 上新增了 showPicker() 方法，该方法可用于显示日期、时间、颜色和文件的浏览器选择器。
在 Firefox 98 中，您可以找到 <dialog> 元素。这是 Firefox 和 Safari 测试版稳定后，所有常规浏览器都会提供的另一项功能。
所有这些 Beta 版功能很快就会在稳定版浏览器中推出。
“网络新体验”系列视频的一部分