LargestContentfulPaint: toJSON() 方法

可用性有限

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

toJSON() 方法是 LargestContentfulPaint 接口的一个 序列化器;它返回 LargestContentfulPaint 对象的 JSON 表示形式。

语法

js
toJSON()

参数

无。

返回值

一个 JSON 对象,它是 LargestContentfulPaint 对象的序列化结果。

JSON 不包含 element 属性,因为它属于 Element 类型,而该类型不提供 toJSON() 操作。

示例

使用 toJSON 方法

在此示例中,调用 entry.toJSON() 会返回 LargestContentfulPaint 对象的 JSON 表示形式。

js
const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    console.log(entry.toJSON());
  });
});

observer.observe({ type: "largest-contentful-paint", buffered: true });

这将记录一个类似如下的 JSON 对象

json
{
  "name": "",
  "entryType": "largest-contentful-paint",
  "startTime": 468.2,
  "duration": 0,
  "size": 19824,
  "renderTime": 468.2,
  "loadTime": 0,
  "id": "",
  "url": ""
}

要获取 JSON 字符串,您可以直接使用 JSON.stringify(entry);它会自动调用 toJSON()

规范

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

浏览器兼容性

另见