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