PerformanceObserverEntryList
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。
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"] });
仕様書
| 仕様書 |
|---|
| Performance Timeline # performanceobserverentrylist-interface |