PerformanceLongAnimationFrameTiming：toJSON() 方法

实验性：这是一个实验性技术
在生产环境中使用此功能之前，请仔细检查浏览器兼容性表。

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

语法

js
toJSON()

参数

无。

返回值

一个JSON对象，它是PerformanceLongAnimationFrameTiming对象的序列化结果。

示例

使用 toJSON 方法

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

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

observer.observe({ type: "long-animation-frame", buffered: true });

这将记录一个类似于以下内容的 JSON 对象

json
{
  "blockingDuration": 0,
  "duration": 60,
  "entryType": "long-animation-frame",
  "firstUIEventTimestamp": 11801.099999999627,
  "name": "long-animation-frame",
  "renderStart": 11858.800000000745,
  "scripts": [
    {
      "duration": 45,
      "entryType": "script",
      "executionStart": 11803.199999999255,
      "forcedStyleAndLayoutDuration": 0,
      "invoker": "DOMWindow.onclick",
      "invokerType": "event-listener",
      "name": "script",
      "pauseDuration": 0,
      "sourceURL": "https://web.dev/js/index-ffde4443.js",
      "sourceFunctionName": "myClickHandler",
      "sourceCharPosition": 17796,
      "startTime": 11803.199999999255,
      "window": [Window object],
      "windowAttribution": "self"
    }
  ],
  "startTime": 11802.400000000373,
  "styleAndLayoutStart": 11858.800000000745
}

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

规范

规范
长动画帧 API
# dom-performancelonganimationframetiming-tojson

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅