LargestContentfulPaint:id 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

LargestContentfulPaint 介面的只讀屬性 id 返回最大內容繪製元素的 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

瀏覽器相容性