LargestContentfulPaint: свойство url
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает во всех широко используемых браузерах.
Чтение только свойство url интерфейса LargestContentfulPaint возвращает URL запроса элемента, если элемент является изображением.
Значение
Строка, содержащая URL.
Примеры
Вывод URL крупнейшего содержащегося изображения
В этом примере используется PerformanceObserver, который оповещает о новых записях производительности largest-contentful-paint, по мере их записи в хронологии производительности браузера. Используется опция buffered, для доступа к записям, созданным до создания наблюдателя.
const observer = new PerformanceObserver((list) => {
const entries = list.getEntries();
const lastEntry = entries[entries.length - 1]; // Use the latest LCP candidate
console.log(lastEntry.url);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
Спецификации
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
url |
77 | 79 | 122 | 64 | Нет | 77 | 122 | 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/LargestContentfulPaint/url