LargestContentfulPaint: element 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

LargestContentfulPaint 接口中只读的 element 属性返回一个表示最大的内容绘制(largest contentful paint)的 Element 对象。

一个 Element

示例

记录最大的内容绘制元素

此示例使用 PerformanceObserver,在浏览器性能时间线上记录新的 largest-contentful-paint 性能条目时进行通知。buffered 选项用于访问观察者创建之前的条目。

js
const observer = new PerformanceObserver((list) => {
  const entries = list.getEntries();
  const lastEntry = entries[entries.length - 1]; // Use the latest LCP candidate
  console.log(lastEntry.element);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });

规范

规范
最大内容绘制
# dom-largestcontentfulpaint-element

浏览器兼容性