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 |
浏览器兼容性
加载中…