此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

性能监测对象

基线 广泛可用 *

自 2020年1月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

* 此特性的某些部分的支持程度可能有所不同。

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

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

构造函数

PerformanceObserver()

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

方法

PerformanceObserver.observe()

指定监测的 entry types 的集合。当 performance entry 被记录并且是指定的 entryTypes 之一的时候,性能观察者对象的回调函数会被调用。

PerformanceObserver.disconnect()

性能监测回调停止接收 性能条目

PerformanceObserver.takeRecords()

返回当前存储在性能观察器的 performance entry 列表,并将其清空。

示例

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

规范

规范
Performance Timeline
# performanceobserver

浏览器兼容性