PerformanceObserverEntryList: getEntries() 方法
注意:此功能在 Web Workers 中可用。
PerformanceObserverEntryList 介面的 getEntries() 方法會返回一個顯式觀察到的 效能條目 (performance entry) 物件列表。列表的成員由呼叫 observe() 方法時指定的 條目型別 (entry types) 集合決定。列表在觀察者的回撥函式中可用(作為回撥函式中的第一個引數)。
語法
js
getEntries()
引數
無。
返回值
一個顯式觀察到的 PerformanceEntry 物件列表。列表項將按照其 startTime 的時間順序排列。如果沒有找到物件,則返回一個空列表。
示例
使用 getEntries、getEntriesByName 和 getEntriesByType
下面的示例展示了 getEntries()、getEntriesByName() 和 getEntriesByType() 方法之間的區別。
js
const observer = new PerformanceObserver((list, obs) => {
// Log all entries
let perfEntries = list.getEntries();
perfEntries.forEach((entry) => {
console.log(`${entry.name}'s duration: ${entry.duration}`);
});
// Log entries named "debugging" with type "measure"
perfEntries = list.getEntriesByName("debugging", "measure");
perfEntries.forEach((entry) => {
console.log(`${entry.name}'s duration: ${entry.duration}`);
});
// Log entries with type "mark"
perfEntries = list.getEntriesByType("mark");
perfEntries.forEach((entry) => {
console.log(`${entry.name}'s startTime: ${entry.startTime}`);
});
});
// Subscribe to various performance event types
observer.observe({
entryTypes: ["mark", "measure", "navigation", "resource"],
});
規範
| 規範 |
|---|
| 效能時間線 # dom-performanceobserverentrylist-getentries |
瀏覽器相容性
載入中…