LayoutShift: thuộc tính sources
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Thuộc tính chỉ đọc sources của giao diện LayoutShift trả về một mảng các đối tượng LayoutShiftAttribution cho biết các phần tử DOM đã di chuyển trong quá trình dịch chuyển bố cục.
Giá trị
Một Array các đối tượng LayoutShiftAttribution. Mảng này sẽ không chứa nhiều hơn năm nguồn. Nếu có nhiều hơn năm phần tử bị ảnh hưởng bởi sự dịch chuyển bố cục, năm phần tử có tác động lớn nhất được báo cáo.
Ví dụ
Ghi lại các nguồn dịch chuyển bố cục
js
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
entry.sources.forEach((source) => {
console.log(source);
});
});
});
observer.observe({ type: "layout-shift", buffered: true });
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Layout Instability API # dom-layoutshift-sources |