LayoutShiftAttribution: свойство currentRect
Ограниченная доступность
Эта функция не является базовой, так как она не работает во всех широко используемых браузерах.
Экспериментальная: Это экспериментальная технология.
Перед использованием в продакшене внимательно проверьте таблицу совместимости с браузерами.
Чтение-только свойство currentRect интерфейса LayoutShiftAttribution возвращает объект DOMRectReadOnly, представляющий положение элемента после сдвига.
Значение
Объект DOMRectReadOnly.
Примеры
В следующем примере выводится currentRect первого элемента в LayoutShift.sources в консоль.
new PerformanceObserver((list) => {
for (const { sources } of list.getEntries()) {
if (sources) {
console.log(sources[0].currentRect);
}
}
}).observe({ type: "layout-shift", buffered: true });
Спецификации
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
currentRect |
84 | 84 | Нет | 70 | Нет | 84 | Нет | 60 | Нет | 14.0 | 84 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/LayoutShiftAttribution/currentRect
