LayoutShift: свойство sources

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает во всех распространённых браузерах.

Экспериментальная функция: Это экспериментальная технология
Перед использованием в продуктивной среде внимательно проверьте таблицу совместимости с браузерами.

Чтение только свойство sources интерфейса LayoutShift возвращает массив объектов LayoutShiftAttribution, указывающих на элементы DOM, которые перемещались во время изменения макета.

Значение

Массив Array объектов LayoutShiftAttribution. Этот массив не будет содержать более пяти источников. Если элементов, повлиявших на сдвиг макета, больше пяти, сообщаются пять наиболее значимых.

Примеры

Ведение журнала источников сдвига макета

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

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`sources`	84	84	Нет	70	Нет	84	Нет	60	Нет	14.0	84

См. также

LayoutShiftAttribution

© 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/LayoutShift/sources