Baseline Widely available
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die statische, schreibgeschützte Eigenschaft supportedEntryTypes des PerformanceObserver Interfaces gibt ein Array der vom User-Agent unterstützten entryType Werte zurück.
Da die Liste der unterstützten Einträge je nach Browser variiert und sich weiterentwickelt, ermöglicht diese Eigenschaft Webentwicklern zu überprüfen, welche Einträge verfügbar sind.
WertEin Array von PerformanceEntry.entryType Werten.
Um herauszufinden, welche entryType Werte ein Browser unterstützt, geben Sie PerformanceObserver.supportedEntryTypes in die Konsole ein. Dies wird ein Array der unterstützten Werte zurückgeben.
PerformanceObserver.supportedEntryTypes;
// returns ["element", "event", "first-input", "largest-contentful-paint", "layout-shift", "long-animation-frame", "longtask", "mark", "measure", "navigation", "paint", "resource", "visibility-state"] in the main thread in Chrome 129
// returns ["mark", "measure", "resource"] in a worker thread in Chrome 129
Die folgende Funktion prüft die Unterstützung eines Arrays möglicher Eintragstypen. Die nicht unterstützten Typen werden in der Konsole protokolliert, jedoch könnte diese Information auch an clientseitige Analysen übermittelt werden, um anzuzeigen, dass der besondere Typ nicht beobachtet werden konnte.
function detectSupport(entryTypes) {
for (const entryType of entryTypes) {
if (!PerformanceObserver.supportedEntryTypes.includes(entryType)) {
console.log(entryType);
}
}
}
detectSupport(["resource", "mark", "first-input", "largest-contentful-paint"]);
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4