性能监测对象

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

* Some parts of this feature may have varying levels of support.

PerformanceObserver 用于监测性能度量事件，在浏览器的性能时间轴记录新的 performance entry 的时候将会被通知。

备注： 此特性在 Web Worker 中可用。

构造函数

PerformanceObserver(): 创建并返回一个新的 PerformanceObserver 对象。

方法

PerformanceObserver.observe(): 指定监测的 entry types 的集合。当 performance entry 被记录并且是指定的 entryTypes 之一的时候，性能观察者对象的回调函数会被调用。
PerformanceObserver.disconnect(): 性能监测回调停止接收性能条目。
PerformanceObserver.takeRecords(): 返回当前存储在性能观察器的 performance entry 列表，并将其清空。

示例

function perf_observer(list, observer) {
  // Process the "measure" event
  // 处理 "measure" 事件
}
var observer2 = new PerformanceObserver(perf_observer);
observer2.observe({ entryTypes: ["measure"] });

规范

Specification
Performance Timeline # dom-performanceobserver

浏览器兼容性

BCD tables only load in the browser