最大内容绘制:size 属性
LargestContentfulPaint
接口的size
只读属性返回最大内容绘制元素的内在尺寸。
元素的size
是该元素在屏幕上创建的矩形
的width
乘以height
。
值
表示元素宽度乘以高度的整数。
示例
记录最大内容绘制元素的尺寸
此示例使用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.size);
});
observer.observe({ type: "largest-contentful-paint", buffered: true });
规范
规范 |
---|
最大内容绘制 # dom-largestcontentfulpaint-size |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。