fetchpriority

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

非标准:此特性未标准化。我们不建议在生产环境中使用非标准特性,因为它们浏览器支持有限,并且可能会更改或被移除。但是,在没有标准选项的特定情况下,它们可以是合适的替代方案。

fetchpriority 属性为浏览器提供了一个关于获取外部资源时应使用的相对优先级的提示。它的工作方式与 HTML 中 <img><script> 元素的 fetchpriority 属性相同。

你可以将此属性与以下 SVG 元素一起使用

用法说明

high | low | auto
默认值 auto
high

相对于其他外部资源,以高优先级获取外部资源。

low

相对于其他外部资源,以低优先级获取外部资源。

auto

不设置获取优先级的偏好。如果未设置值或设置了无效值,则使用此项。这是默认值。

示例

此示例演示了如何将 SVG <script> 元素的优先级设置为 high

html
<svg
  viewBox="0 0 10 10"
  height="120px"
  width="120px"
  xmlns="http://www.w3.org/2000/svg">
  <circle id="normal" cx="5" cy="5" r="4" />
  <script href="./color-change.js" fetchpriority="high"></script>
</svg>

浏览器兼容性

svg.elements.feImage.fetchpriority

svg.elements.image.fetchpriority

svg.elements.script.fetchpriority

另见