PerformanceResourceTiming: contentType-Eigenschaft
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die contentType-Eigenschaft der PerformanceResourceTiming-Schnittstelle ist eine schreibgeschützte Zeichenfolge, die den Inhaltstyp der abgerufenen Ressource angibt. Sie ist als MIME-Typ und Subtyp formatiert, getrennt durch einen Schrägstrich.
Der Inhaltstyp ist eine minimierte und "standardisierte" Version des MIME-Typs, der aus dem Content-Type-HTTP-Header extrahiert wird, der in der Fetch-Antwort der Ressource gesendet wird.
Für JavaScript, JSON, SVG und XML wird der MIME-Typ durch eine repräsentative MIME-Typ/Subtyp-Zeichenfolge ersetzt.
Andere vom Browser unterstützte Typen werden durch die MIME-Typ/Subtyp-Zeichenfolge im Header dargestellt (andere Informationen im Header werden verworfen).
Wert
Eine Zeichenfolge, die das "Essenz" des MIME-Typs des Inhalts angibt. Dies kann einer der folgenden Werte sein:
text/javascript-
JavaScript-Inhalt.
application/json-
JSON-Inhalt.
image/svg+xml-
SVG-Inhalt.
application/xml-
XML-Inhalt (außer SVG).
- MIME-Typ/Subtyp
-
Jeder andere vom Benutzeragent unterstützte MIME-Typ/Subtyp.
""(leere Zeichenfolge)-
Wird für MIME-Typen zurückgegeben, die vom Browser nicht unterstützt werden, oder wenn das Ressource-Fetch aufgrund von CORS-Prüfungen fehlgeschlagen ist.
Beispiele
Ressourcen filtern
Die contentType-Eigenschaft kann verwendet werden, um nur bestimmte Ressourcentiming-Einträge zu erhalten; zum Beispiel nur solche, die sich auf Skripte beziehen.
Das folgende Beispiel verwendet einen PerformanceObserver, um über neue resource-Performance-Einträge zu informieren, sobald sie in der Leistungstimeline des Browsers aufgezeichnet werden.
Die buffered-Option wird verwendet, um auf Einträge von vor der Erstellung des Observers zuzugreifen.
const observer = new PerformanceObserver((list) => {
const javascriptResources = list
.getEntries()
.filter((entry) => entry.contentType === "text/javascript");
console.log(javascriptResources);
});
observer.observe({ type: "resource", buffered: true });
Das folgende Beispiel verwendet Performance.getEntriesByType(), das nur resource-Performance-Einträge anzeigt, die zum Zeitpunkt des Aufrufs der Methode in der Leistungstimeline des Browsers vorhanden sind.
const scripts = performance
.getEntriesByType("resource")
.filter((entry) => entry.contentType === "text/javascript");
console.log(scripts);
Spezifikationen
| Spezifikation |
|---|
| Resource Timing # dom-performanceresourcetiming-contenttype |