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 优化资源加载

此版本中的其他内容

对于 USBDevice 对象,可以使用 forget() 的新方法。这样一来,您就可以忽略之前已获得权限的设备。例如,如果这是在拥有多台设备的共享计算机上使用的应用。

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

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

在对解析此参数的规范进行了近期更改之后,window.open()popup 参数现在求值为 true。以前,当 popup 设置为 true 时,window.open() 会被解释为表示 false。此更改使布尔值特征更易于使用和理解。

深入阅读

这里仅介绍一些重要的亮点。请点击以下链接,了解 Chrome 101 的其他变化。