PerformanceScriptTiming: toJSON()-Methode

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die toJSON()-Methode der PerformanceScriptTiming-Schnittstelle ist ein Serializer; sie liefert eine JSON-Darstellung des PerformanceScriptTiming-Objekts.

Syntax

js
toJSON()

Parameter

Keine.

Rückgabewert

Ein JSON-Objekt, das die Serialisierung des PerformanceScriptTiming-Objekts ist.

Beispiele

Verwendung der toJSON-Methode

In diesem Beispiel liefert der Aufruf von entry.toJSON() eine JSON-Darstellung des ersten verfügbaren PerformanceScriptTiming-Objekts in einem beobachteten langen Animationsrahmen.

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

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

Dies würde ein JSON-Objekt wie folgt protokollieren:

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

Um eine JSON-Zeichenkette zu erhalten, können Sie direkt JSON.stringify(entry) verwenden; es wird toJSON() automatisch aufrufen.

Spezifikationen

Specification
Long Animation Frames API
# dom-performancescripttiming-tojson

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch