PerformanceNavigationTiming: domComplete property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2021.
Thuộc tính chỉ đọc domComplete trả về một DOMHighResTimeStamp biểu thị thời điểm ngay trước khi tác nhân người dùng đặt readyState của tài liệu thành "complete".
Xem thêm trạng thái complete của Document.readyState, trạng thái này tương ứng với thuộc tính này và chỉ ra rằng tài liệu cùng tất cả tài nguyên con đã tải xong. Trạng thái này cũng cho biết sự kiện load sắp được phát.
Giá trị
Một DOMHighResTimeStamp biểu thị thời điểm ngay trước khi tác nhân người dùng đặt readyState của tài liệu thành "complete".
Ví dụ
Ghi lại thời gian hoàn tất DOM
Thuộc tính domComplete có thể được dùng để ghi lại thời điểm DOM hoàn tất.
Ví dụ dùng PerformanceObserver, công cụ này thông báo các mục hiệu năng navigation mới khi chúng được ghi vào performance timeline của trình duyệt. Dùng tùy chọn buffered để truy cập các mục từ trước khi tạo observer.
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
console.log(`${entry.name}: domComplete time: ${entry.domComplete}ms`);
});
});
observer.observe({ type: "navigation", buffered: true });
Ví dụ dùng Performance.getEntriesByType(), phương thức này chỉ hiển thị các mục hiệu năng navigation có mặt trong performance timeline của trình duyệt tại thời điểm bạn gọi nó:
const entries = performance.getEntriesByType("navigation");
entries.forEach((entry) => {
console.log(`${entry.name}: domComplete time: ${entry.domComplete}ms`);
});
Thông số kỹ thuật
| Specification |
|---|
| Navigation Timing Level 2 # dom-performancenavigationtiming-domcomplete |