LayoutShift: sources 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

LayoutShift 介面的只讀屬性 sources 返回一個 LayoutShiftAttribution 物件陣列,這些物件指示了在佈局偏移期間移動的 DOM 元素。

一個 Array 物件,其中包含 LayoutShiftAttribution 物件。此陣列最多包含五個源。如果佈局偏移影響了五個以上的元素,則報告影響最大的五個元素。

示例

記錄佈局偏移源

js
const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    entry.sources.forEach((source) => {
      console.log(source);
    });
  });
});

observer.observe({ type: "layout-shift", buffered: true });

規範

規範
佈局不穩定 API
# dom-layoutshift-sources

瀏覽器相容性

另見