PerformanceNavigationTiming: свойство unloadEventEnd
Базовая версия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузера. Она доступна во всех браузерах с октября 2021 года.
Это unloadEventEnd только для чтения свойство возвращает DOMHighResTimeStamp, представляющее время сразу после завершения обработчика события unload текущего документа.
Значение
Свойство unloadEventEnd может иметь следующие значения:
- A
DOMHighResTimeStampпредставляющее время сразу после завершения обработчика событияunloadтекущего документа. -
0если предыдущего документа нет. -
0если предыдущая страница находилась на другом источнике.
Примеры
Измерение времени обработки обработчика события unload
Свойство unloadEventEnd можно использовать для измерения времени обработки обработчика события unload.
Это полезно для измерения времени работы длительных обработчиков события unload.
window.addEventListener("unload", (event) => {
// Some long running code
});
Пример использования PerformanceObserver, который уведомляет о новых записях navigation производительности по мере их записи в временной шкале производительности браузера. Используйте опцию buffered для доступа к записям, существовавшим до создания наблюдателя.
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
const unloadEventTime = entry.unloadEventEnd - entry.unloadEventStart;
if (unloadEventTime > 0) {
console.log(
`${entry.name}: unload event handler time: ${unloadEventTime}ms`,
);
}
});
});
observer.observe({ type: "navigation", buffered: true });
Пример использования Performance.getEntriesByType(), который отображает только navigation записи производительности, присутствующие во временной шкале производительности браузера в момент вызова этого метода:
const entries = performance.getEntriesByType("navigation");
entries.forEach((entry) => {
const loadEventTime = entry.unloadEventEnd - entry.unloadEventStart;
if (unloadEventTime > 0) {
console.log(`${entry.name}:
load event handler time: ${unloadEventTime}ms`);
}
});
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
unloadEventEnd |
57 | 12 | 58 | 44 | 15 | 57 | 58 | 43 | 15.1 | 7.0 | 57 |
См. также
-
unloadсобытие
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PerformanceNavigationTiming/unloadEventEnd