Performance: toJSON()-Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

Hinweis: Dieses Feature ist verfügbar in Web Workers.

Die toJSON()-Methode des Performance-Interfaces ist ein Serializer; sie gibt eine JSON-Darstellung des Performance-Objekts zurück.

Syntax

js
toJSON()

Parameter

Keine.

Rückgabewert

Ein JSON-Objekt, das die Serialisierung des Performance-Objekts darstellt.

Das zurückgegebene JSON enthält nicht die Eigenschaft eventCounts, da diese vom Typ EventCounts ist, welches keine toJSON()-Operation bereitstellt.

Hinweis: Das JSON-Objekt enthält die Serialisierung der veralteten Eigenschaften performance.timing und performance.navigation. Um eine JSON-Darstellung des neueren PerformanceNavigationTiming-Interfaces zu erhalten, rufen Sie stattdessen PerformanceNavigationTiming.toJSON() auf.

Beispiele

Verwendung der toJSON-Methode

In diesem Beispiel gibt der Aufruf von performance.toJSON() eine JSON-Darstellung des Performance-Objekts zurück.

js
performance.toJSON();

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

json
{
  "timeOrigin": 1668077531367.4,
  "timing": {
    "connectStart": 1668077531372,
    "navigationStart": 1668077531367,
    "secureConnectionStart": 0,
    "fetchStart": 1668077531372,
    "domContentLoadedEventStart": 1668077531580,
    "responseStart": 1668077531372,
    "domInteractive": 1668077531524,
    "domainLookupEnd": 1668077531372,
    "responseEnd": 1668077531500,
    "redirectStart": 0,
    "requestStart": 1668077531372,
    "unloadEventEnd": 0,
    "unloadEventStart": 0,
    "domLoading": 1668077531512,
    "domComplete": 1668077531585,
    "domainLookupStart": 1668077531372,
    "loadEventStart": 1668077531585,
    "domContentLoadedEventEnd": 1668077531580,
    "loadEventEnd": 1668077531585,
    "redirectEnd": 0,
    "connectEnd": 1668077531372
  },
  "navigation": {
    "type": 0,
    "redirectCount": 0
  }
}

Um einen JSON-String zu erhalten, können Sie direkt JSON.stringify(performance) verwenden; dies wird toJSON() automatisch aufrufen.

Spezifikationen

Specification
High Resolution Time
# dom-performance-tojson

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch