Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
PerformanceElementTiming: toJSON() Methode
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more support for this feature? Tell us why.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die toJSON() Methode des PerformanceElementTiming-Interfaces ist ein Serializer. Sie gibt eine JSON-Darstellung des PerformanceElementTiming-Objekts zurück.
Syntax
toJSON()
Parameter
Keine.
Rückgabewert
Ein JSON-Objekt, das die Serialisierung des PerformanceElementTiming-Objekts darstellt.
Das JSON enthält nicht die element-Eigenschaft, da diese vom Typ Element ist, der keine toJSON()-Operation bereitstellt. Die id des Elements wird jedoch bereitgestellt.
Beispiele
Verwendung der toJSON-Methode
In diesem Beispiel gibt der Aufruf von entry.toJSON() eine JSON-Darstellung des PerformanceElementTiming-Objekts zurück, mit Informationen über das Bildelement.
<img
src="image.jpg"
alt="a nice image"
elementtiming="big-image"
id="myImage" />
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
if (entry.identifier === "big-image") {
console.log(entry.toJSON());
}
});
});
observer.observe({ type: "element", buffered: true });
Dies würde ein JSON-Objekt wie folgt protokollieren:
{
"name": "image-paint",
"entryType": "element",
"startTime": 670894.1000000238,
"duration": 0,
"renderTime": 0,
"loadTime": 670894.1000000238,
"intersectionRect": {
"x": 299,
"y": 76,
"width": 135,
"height": 155,
"top": 76,
"right": 434,
"bottom": 231,
"left": 299
},
"identifier": "big-image",
"naturalWidth": 135,
"naturalHeight": 155,
"id": "myImage",
"url": "https://en.wikipedia.org/static/images/project-logos/enwiki.png"
}
Um einen JSON-String zu erhalten, können Sie JSON.stringify(entry) direkt verwenden; es wird automatisch toJSON() aufrufen.
Spezifikationen
| Spezifikation |
|---|
| Element Timing API # dom-performanceelementtiming-tojson |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.