PerformanceObserverEntryList: getEntries() Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Januar 2020.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die getEntries()-Methode der PerformanceObserverEntryList-Schnittstelle gibt eine Liste von explizit beobachteten Performance-Entry-Objekten zurück. Die Mitglieder der Liste werden durch die Menge der in dem Aufruf der observe()-Methode angegebenen Entry-Typen bestimmt. Die Liste ist in der Callback-Funktion des Beobachters verfügbar (als erster Parameter im Callback).
Syntax
getEntries()
Parameter
Keine.
Rückgabewert
Eine Liste von explizit beobachteten PerformanceEntry-Objekten. Die Einträge sind in chronologischer Reihenfolge anhand der startTime der Einträge. Wenn keine Objekte gefunden werden, wird eine leere Liste zurückgegeben.
Beispiele
Arbeiten mit getEntries, getEntriesByName und getEntriesByType
Das folgende Beispiel zeigt den Unterschied zwischen den Methoden getEntries(), getEntriesByName() und getEntriesByType().
const observer = new PerformanceObserver((list, obs) => {
// Log all entries
let perfEntries = list.getEntries();
perfEntries.forEach((entry) => {
console.log(`${entry.name}'s duration: ${entry.duration}`);
});
// Log entries named "debugging" with type "measure"
perfEntries = list.getEntriesByName("debugging", "measure");
perfEntries.forEach((entry) => {
console.log(`${entry.name}'s duration: ${entry.duration}`);
});
// Log entries with type "mark"
perfEntries = list.getEntriesByType("mark");
perfEntries.forEach((entry) => {
console.log(`${entry.name}'s startTime: ${entry.startTime}`);
});
});
// Subscribe to various performance event types
observer.observe({
entryTypes: ["mark", "measure", "navigation", "resource"],
});
Spezifikationen
| Specification |
|---|
| Performance Timeline # dom-performanceobserverentrylist-getentries |
Browser-Kompatibilität
Loading…