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 接口。 |
桌面浏览器兼容性
特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
基础支持 | 52 | 未知 | 57 | 不支持 | 39 | 11 |
PerformanceObserver() 构造函数 | 52 | 未知 | 57 | 不支持 | 39 | 11 |
disconnect | 52 | 未知 | 57 | 不支持 | 39 | 11 |
observe | 52 | 未知 | 57 | 不支持 | 39 | 11 |
supportedEntryTypes | 73 | 未知 | 未知 | 不支持 | 支持 | 未知 |
takeRecords | 65 | 未知 | 60 | 不支持 | 支持 | 不支持 |
在 Worker 中可用 | 62 | 未知 | 未知 | 不支持 | 49 | 未知 |
移动浏览器兼容性
特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
基础支持 | 52 | 52 | 未知 | 57 | 未知 | 41 | 11 |
PerformanceObserver() 构造函数 | 52 | 52 | 未知 | 57 | 未知 | 41 | 11 |
disconnect | 52 | 52 | 未知 | 57 | 未知 | 41 | 11 |
observe | 52 | 52 | 未知 | 57 | 未知 | 41 | 11 |
supportedEntryTypes | 73 | 73 | 未知 | 未知 | 未知 | 支持 | 未知 |
takeRecords | 65 | 65 | 未知 | 60 | 未知 | 支持 | 不支持 |
在 Worker 中可用 | 62 | 62 | 未知 | 未知 | 未知 | 46 | 未知 |