PerformanceObserver

Constructor

PerformanceObserver()

Tạo và trả về một đối tượng PerformanceObserver mới.

Thuộc tính tĩnh

PerformanceObserver.supportedEntryTypes Read only

Trả về một mảng các giá trị entryType mà user agent hỗ trợ.

Phương thức instance

PerformanceObserver.observe()

Chỉ định tập hợp các kiểu entry cần quan sát. Hàm callback của performance observer sẽ được gọi khi performance entry được ghi nhận cho một trong các entryTypes đã chỉ định.

PerformanceObserver.disconnect()

Ngừng việc callback của performance observer nhận các performance entry.

PerformanceObserver.takeRecords()

Trả về danh sách hiện tại các performance entry được lưu trong performance observer, đồng thời làm trống danh sách này.

Ví dụ

Tạo một PerformanceObserver

Ví dụ sau tạo một PerformanceObserver để theo dõi các sự kiện "mark" (PerformanceMark) và "measure" (PerformanceMeasure). Hàm callback perfObserver cung cấp một list (PerformanceObserverEntryList) cho phép bạn lấy các performance entry đã được quan sát.

function perfObserver(list, observer) {
  list.getEntries().forEach((entry) => {
    if (entry.entryType === "mark") {
      console.log(`${entry.name}'s startTime: ${entry.startTime}`);
    }
    if (entry.entryType === "measure") {
      console.log(`${entry.name}'s duration: ${entry.duration}`);
    }
  });
}
const observer = new PerformanceObserver(perfObserver);
observer.observe({ entryTypes: ["measure", "mark"] });

Thông số kỹ thuật

Tương thích trình duyệt

Xem thêm

• MutationObserver
• ResizeObserver
• IntersectionObserver