PerformanceObserverEntryList
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.
PerformanceObserverEntryList
インターフェイスは、observe()
メソッドを介して明示的に監視された パフォーマンスイベント のリストです。
インスタンスメソッド
PerformanceObserverEntryList.getEntries()
-
明示的に観測されたすべての
PerformanceEntry
オブジェクトのリストを返します。 PerformanceObserverEntryList.getEntriesByType()
-
与えられた項目型の明示的に観測されたすべての
PerformanceEntry
オブジェクトのリストを返します。 PerformanceObserverEntryList.getEntriesByName()
-
指定された名前と項目型に基づいて、明示的に監視されているすべての
PerformanceEntry
オブジェクトのリストを返します。
例
PerformanceObserverEntryList の使用
次の例では、list
は PerformanceObserverEntryList
オブジェクトです。getEntries()
メソッドが呼ばれ、この場合 "measure" と "mark" という明示的に監視されている PerformanceEntry
オブジェクトをすべて取得します。
js
function perfObserver(list, observer) {
list.getEntries().forEach((entry) => {
if (entry.entryType === "mark") {
console.log(`${entry.name} の開始時刻: ${entry.startTime}`);
}
if (entry.entryType === "measure") {
console.log(`${entry.name} の時間: ${entry.duration}`);
}
});
}
const observer = new PerformanceObserver(perfObserver);
observer.observe({ entryTypes: ["measure", "mark"] });
仕様書
Specification |
---|
Performance Timeline # performanceobserverentrylist-interface |
ブラウザーの互換性
BCD tables only load in the browser