PerformanceTiming: Methode toJSON()
Deprecated
Avoid using this feature in new projects.
This feature is supserseded by the PerformanceNavigationTiming API.
This feature may be a candidate for removal from web standards or browsers.
Consider using the following features instead: Performance oder Navigation timing performance entries.
Warnung:
Diese Schnittstelle ist in der Navigation Timing Level 2-Spezifikation als veraltet eingestuft. Verwenden Sie stattdessen die Schnittstelle PerformanceNavigationTiming.
Die Methode toJSON() der Schnittstelle PerformanceTiming gibt ein JSON-serialisierbares, einfaches Objekt zurück, das das PerformanceTiming-Objekt repräsentiert.
Die Methode wird automatisch von JSON.stringify() aufgerufen, wenn bei der JSON-Serialisierung ein PerformanceTiming-Objekt verarbeitet wird.
Syntax
toJSON()
Parameter
Keine.
Rückgabewert
Ein JSON-serialisierbares, einfaches Objekt mit den folgenden Eigenschaften:
connectStartnavigationStartsecureConnectionStartfetchStartdomContentLoadedEventStartresponseStartdomInteractivedomainLookupEndresponseEndredirectStartrequestStartunloadEventEndunloadEventStartdomLoadingdomCompletedomainLookupStartloadEventStartdomContentLoadedEventEndloadEventEndredirectEndconnectEnd
Der Wert jeder Eigenschaft wird unverändert übernommen.
Beispiele
toJSON() direkt aufrufen
Wenn Sie toJSON() direkt für performance.timing aufrufen, wird ein einfaches Objekt zurückgegeben. Dessen Eigenschaften haben dieselben Werte wie die entsprechenden Eigenschaften des ursprünglichen Objekts.
const json = performance.timing.toJSON();
console.log(json); // A plain object
console.log(typeof json); // "object"
console.log(json.navigationStart); // Same value as performance.timing.navigationStart
In einen JSON-String serialisieren
In diesem Beispiel wird das PerformanceTiming-Objekt mit JSON.stringify() serialisiert. Dabei wird die Methode toJSON() automatisch aufgerufen.
console.log(JSON.stringify(performance.timing));
Dies würde einen JSON-String wie den folgenden ausgeben (zur besseren Lesbarkeit formatiert):
{
"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
}
Spezifikationen
| Spezifikation |
|---|
| Navigation Timing Level 2 # dom-performancetiming-tojson |