Chrome 基础知识培训

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

  • hwb() 颜色标记为您提供了一种根据色调、白度和黑度指定颜色的新方法。
  • 借助提取优先级,您可以向浏览器提示资源应按什么顺序下载。
  • 还有许多其他功能。

我们来看看 Chrome 101 中提供的功能。

hwb() 颜色标记法

hwb()Stefan Judis 的文章中被描述为“面向人类的颜色标记法”,它根据色调、白度和黑度来指定颜色。与其他颜色表示法一样,可选的 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 优化资源加载

此版本中的其他内容

USBDevice 对象有一个新的 forget() 方法。这样一来,系统就可以忘记之前已授予权限的设备。例如,如果此应用是在与多部设备共用的计算机上使用。

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

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

window.open()popup 参数现在的求值结果为 true,因为解析此参数的规范最近发生了更改。以前,将 popup 设为 true 时,window.open() 会被解读为 false。此更改使布尔值功能更易于使用和理解。

深入阅读

本文仅介绍了一些主要亮点。如需了解 Chrome 101 的其他变更,请点击以下链接。