PerformanceResourceTiming: contentType-Eigenschaft
Hinweis: Dieses Feature ist verfügbar in Web Workers.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.
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.
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.
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
BCD tables only load in the browser