以下是您有必要知道的信息:
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 优化资源加载。
此版本中的其他内容
对于 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 的其他变化。