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

浏览器兼容性

另见