LayoutShift: thuộc tính value
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 value của giao diện LayoutShift trả về điểm dịch chuyển bố cục được tính là phần phân số tác động (phần phân số của viewport bị dịch chuyển) nhân với phần phân số khoảng cách (khoảng cách di chuyển theo phân số của viewport).
Giá trị
Một số từ 0.0 đến 1.0 cho biết điểm dịch chuyển bố cục.
Nó được tính là phần phân số tác động (phần phân số của viewport bị dịch chuyển) nhân với phần phân số khoảng cách (khoảng cách di chuyển theo phân số của viewport).
layout shift score = impact fraction * distance fraction
Để biết thêm chi tiết, xem Layout shift score trên web.dev.
Ví dụ
Ghi lại điểm dịch chuyển bố cục của mục
Ví dụ sau đây cho thấy cách sử dụng thuộc tính value để ghi lại điểm dịch chuyển bố cục.
const observer = new PerformanceObserver((list) => {
for (const entry of list.getEntries()) {
// Count layout shifts without recent user input only
if (!entry.hadRecentInput) {
console.log("Entry's layout shift score:", entry.value);
}
}
});
observer.observe({ type: "layout-shift", buffered: true });
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Layout Instability API # dom-layoutshift-value |