PerformanceResourceTiming: contentType-Eigenschaft

Hinweis: Diese Funktion ist in Web Workers verfügbar.

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

Die contentType schreibgeschützte Eigenschaft des PerformanceResourceTiming-Interfaces ist ein String, der den Inhaltstyp der abgerufenen Ressource angibt, formatiert als MIME-Typ und Subtyp, getrennt durch einen Schrägstrich.

Der Inhaltstyp ist eine vereinfachte und "standardisierte" Version des MIME-Typs, der aus dem Content-Type HTTP-Header der Fetch-Antwort der Ressource extrahiert wird. Für JavaScript, JSON, SVG und XML wird der MIME-Typ durch einen repräsentativen MIME-Typ/Subtyp-String ersetzt. Andere vom Browser unterstützte Typen werden durch den MIME-Typ/Subtyp-String im Header dargestellt (andere Informationen im Header werden verworfen).

Wert

Ein String, der das MIME-Typ-"Essenz" 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 Nutzeragenten unterstützte MIME-Typ/Subtyp.

"" (leerer String)

Wird für MIME-Typen zurückgegeben, die vom Browser nicht unterstützt werden oder wenn das Abrufen der Ressource aufgrund von CORS-Prüfungen fehlgeschlagen ist.

Beispiele

Filtern von Ressourcen

Die contentType-Eigenschaft kann verwendet werden, um nur bestimmte Ressourcentiming-Einträge zu erhalten; zum Beispiel nur solche, die mit Skripten zu tun haben.

Das folgende Beispiel verwendet einen PerformanceObserver, um über neue resource Performance-Einträge zu informieren, während sie in der Leistungstimeline des Browsers aufgezeichnet werden. Die buffered-Option wird verwendet, um auf Einträge von vor der Erstellung des Observers zuzugreifen.

js
const observer = new PerformanceObserver((list) => {
  const javascriptResources = list.getEntries().filter((entry) => {
    return entry.contentType === "text/javascript";
  });
  console.log(javascriptResources);
});

observer.observe({ type: "resource", buffered: true });

Das folgende Beispiel verwendet Performance.getEntriesByType(), welches nur resource Performance-Einträge zeigt, die in der Leistungstimeline des Browsers vorhanden sind, wenn Sie die Methode aufrufen.

js
const scripts = performance.getEntriesByType("resource").filter((entry) => {
  return entry.contentType === "text/javascript";
});
console.log(scripts);

Spezifikationen

Specification
Resource Timing
# dom-performanceresourcetiming-contenttype

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
contentType
Experimental

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.