Chrome 基础知识培训

以下是您需要知晓的相关信息:

我们来看看 Chrome 101 中有哪些新功能。

hwb() 颜色表示法

在 Stefan Judis 的一篇文章中,hwb() 被描述为“人类的颜色表示法”,它根据色调、白度和黑度来指定颜色。与其他颜色表示法一样,可选的 Alpha 分量用于指定不透明度。

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

这种指定颜色的方法现在已得到广泛支持,Firefox 从版本 96 开始支持,Safari 从版本 15 开始支持。

提取优先级

借助提取优先级,您可以使用 fetchpriority 属性向浏览器提示应按什么顺序下载资源。此属性接受 "high""low""auto" 的值。

  • "high":您认为相应资源具有高优先级,并希望浏览器优先处理该资源,前提是浏览器的启发式方法不会阻止这种情况发生。
  • "low":您认为该资源优先级较低,并希望浏览器在启发式允许的情况下降低其优先级。
  • "auto":此为默认值,可让浏览器决定合适的优先级。

在下面的示例中,低优先级图片用 fetchpriority="low" 表示。

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

如需详细了解各种使用情形,请参阅使用 Fetch Priority API 优化资源加载

此版本中的其他内容

forget() 新增了一种针对 USBDevice 对象的方法。这样便可忘记之前已授予权限的设备。例如,如果此应用在具有许多设备的共享计算机上使用。

此外,对于 Web USB,还修复了支持 USBDevice 中相关属性的 [SameObject]。您可以在针对草稿规范的 PR 中找到规范更改。

从安全 (HTTPS) 来源加载但由不安全(非 HTTPS)上下文实例化的专用工作器不再被视为安全。这意味着,在此类工作器上下文中: - self.isSecureContext 现在为 false。 - self.cachesself.storageFoundation 不再可用。

现在,window.open()popup 实参的计算结果为 true,这是因为最近对用于解析此实参的规范进行了更改。以前,当 popup 设置为 true 时,window.open() 会被解读为表示 false。此更改使布尔值特征更易于使用和理解。

深入阅读

以下仅介绍了一些重点内容。如需了解 Chrome 101 的其他变更,请点击下方链接。