最大内容绘制:id 属性

idLargestContentfulPaint 接口的只读属性,它返回作为最大内容绘制的元素的 ID。

包含元素 ID 的字符串,如果不存在此类 ID,则为空字符串。

示例

记录最大内容绘制元素 ID

此示例使用 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.id);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });

规范

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

浏览器兼容性

BCD 表格仅在浏览器中加载