PerformanceElementTiming: свойство element
Ограниченная доступность
Эта функция не относится к Baseline, поскольку она не работает в некоторых из наиболее широко используемых браузеров.
Экспериментальный: Это экспериментальная технология.
Перед использованием в продакшене внимательно ознакомьтесь со таблицей совместимости браузеров.
Только для чтения element свойство интерфейса PerformanceElementTiming возвращает Element, который является указателем на наблюдаемый элемент.
Значение
Примеры
Вывод наблюдаемого элемента
В этом примере наблюдается элемент <img> путем добавления атрибута elementtiming. Регистрируется PerformanceObserver для получения всех записей производительности типа "element" и используется флаг buffered для доступа к данным до создания наблюдателя. Объект DOM, который наблюдается, выводится в консоль.
<img src="image.jpg" alt="a nice image" elementtiming="big-image" />
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
if (entry.identifier === "big-image") {
console.log(entry.element);
}
});
});
observer.observe({ type: "element", buffered: true });
Спецификации
Совместимость браузеров
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
element |
77 | 79 | Нет | 64 | Нет | 77 | Нет | 55 | Нет | 12.0 | 77 |
© 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/PerformanceElementTiming/element