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

瀏覽器相容性