最大内容绘制：toJSON() 方法

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

语法

toJSON()

参数

无。

返回值

一个 JSON 对象，它是 LargestContentfulPaint 对象的序列化形式。

JSON 不包含 element 属性，因为它属于 Element 类型，后者没有提供 toJSON() 操作。

示例

使用 toJSON 方法

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

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

浏览器兼容性

BCD 表格只有在浏览器中启用 JavaScript 时才会加载。

另请参阅

JSON