PerformanceScriptTiming：toJSON() 方法

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

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

语法

js
toJSON()

参数

无。

返回值

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

示例

使用 toJSON 方法

在此示例中，调用 entry.toJSON() 会返回在观察到的长动画帧中可用的第一个 PerformanceScriptTiming 对象的 JSON 表示形式。

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

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

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

json
{
  "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"
}

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

规范

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

浏览器兼容性

BCD 表仅在启用 JavaScript 的浏览器中加载。

另请参阅