PerformanceObserver - 用于观察性能评估事件

PerformanceObserver 接口用于观察性能评估事件,并在浏览器的性能时间表中记录新的性能指标时通知它们。

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

构造函数

PerformanceObserver()

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

方法

PerformanceObserver.observe()

当记录的性能指标在指定的 entryTypes 之中时,将调用性能观察器的回调函数。

PerformanceObserver.disconnect()

停止性能观察者回调接收到性能指标

PerformanceObserver.takeRecords()

返回存储在性能观察器中的性能指标的列表,并将其清空。

实例

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

规范

规范 状态 备注
Performance Timeline Level 2
PerformanceObserver 的定义
候选推荐 初始定义 PerformanceObserver 接口。

桌面浏览器兼容性

特性ChromeEdgeFirefoxInternet ExplorerOperaSafari
基础支持52 未知57 不支持3911
PerformanceObserver() 构造函数52 未知57 不支持3911
disconnect52 未知57 不支持3911
observe52 未知57 不支持3911
supportedEntryTypes73 未知 未知 不支持 支持 未知
takeRecords65 未知60 不支持 支持 不支持
在 Worker 中可用62 未知 未知 不支持49 未知

移动浏览器兼容性

特性AndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基础支持5252 未知57 未知4111
PerformanceObserver() 构造函数5252 未知57 未知4111
disconnect5252 未知57 未知4111
observe5252 未知57 未知4111
supportedEntryTypes7373 未知 未知 未知 支持 未知
takeRecords6565 未知60 未知 支持 不支持
在 Worker 中可用6262 未知 未知 未知46 未知

相关链接