HTMLLinkElement: sizes 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

HTMLLinkElement 介面的只讀屬性 sizes 定義了資源中包含的視覺媒體圖示的尺寸。它反映了 <link> 元素的 sizes 屬性,該屬性接受一個由空格分隔的尺寸列表,每個尺寸的格式為 <寬度(畫素)>x<高度(畫素)>,或者關鍵字 any

僅當 rel 屬性為 icon 或非標準型別(如 apple-touch-icon)時,此屬性才相關。

一個 DOMTokenList

示例

html
<link rel="icon" sizes="72x72 114x114" href="smallish.png" />
js
const link = document.querySelector("[rel=icon],[rel=apple-touch-icon]");
console.dir(link.sizes); /* output:
  DOMTokenList [ "72x72", "114x114" ]
    0: "72x72"
    1: "114x114"
    length: 2
    value: "72x72 114x114"
  */
console.log(link.sizes.value); // output: '72x72 114x114'
console.log(link.sizes.length); // output: 2'
console.log(link.sizes[0]); // output: '72x72'
console.log(link.sizes[1]); // output: '114x114'

規範

規範
HTML
# dom-link-sizes

瀏覽器相容性

另見