以下是您需要知晓的相关信息:
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) 上下文实例化的专用工作器不再被视为安全。这意味着,在此类工作器上下文中:- self.isSecureContext
现在是 false
。- self.caches
和 self.storageFoundation
已停用。
window.open()
的 popup
参数现在的求值结果为 true
,因为解析此参数的规范最近发生了变化。以前,将 popup
设为 true 时,window.open()
会被解读为 false
。此更改使布尔特征更易于使用和理解。
深入阅读
本文仅介绍了一些主要亮点。如需了解 Chrome 101 的其他变更,请参阅以下链接。