以下是您需要知晓的相关信息:
hwb()颜色表示法提供了一种根据色调、白度和黑度指定颜色的新方式。- 借助提取优先级,您可以向浏览器提示应按何种顺序下载资源。
- 还有更多。
我们来看看 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.caches 和 self.storageFoundation 不再可用。
现在,window.open() 的 popup 实参的计算结果为 true,这是因为最近对用于解析此实参的规范进行了更改。以前,当 popup 设置为 true 时,window.open() 会被解读为表示 false。此更改使布尔值特征更易于使用和理解。
深入阅读
以下仅介绍了一些重点内容。如需了解 Chrome 101 的其他变更,请点击下方链接。