Chrome 基础知识培训

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

我们来看看 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) 上下文实例化的专用工作器不再被视为安全。这意味着,在此类工作器上下文中:- self.isSecureContext 现在是 false。- self.cachesself.storageFoundation 已停用。

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

深入阅读

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