Baseline Widely available *
ã¡ã¢: ãã®æ©è½ã¯ã¦ã§ãã¯ã¼ã«ã¼å ã§å©ç¨å¯è½ã§ãã
PerformanceObserver
ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯ãããã©ã¼ãã³ã¹æ¸¬å®ã¤ãã³ããç£è¦ãããã©ã¦ã¶ã¼ã®ããã©ã¼ãã³ã¹ã¿ã¤ã ã©ã¤ã³ã«è¨é²ããããã®ã¨ãã¦ãæ°ããããã©ã¼ãã³ã¹é
ç®ã®éç¥ãåããããã«ä½¿ç¨ããã¾ãã
PerformanceObserver()
æ°ãã PerformanceObserver
ãªãã¸ã§ã¯ãã使ãã¦è¿ãã¾ãã
PerformanceObserver.supportedEntryTypes
èªåå°ç¨
ã¦ã¼ã¶ã¼ã¨ã¼ã¸ã§ã³ãã対å¿ãã¦ãã entryType
å¤ã®é
åãè¿ãã¾ãã
PerformanceObserver.observe()
観測ããé
ç®åãè¨å®ãã¾ããããã©ã¼ãã³ã¹ãªãã¶ã¼ãã¼ã®ã³ã¼ã«ããã¯é¢æ°ã¯ãæå®ãã entryTypes
ã®ããããã«ããã©ã¼ãã³ã¹é
ç®ãè¨é²ãããã¨ãã«å¼ã³åºããã¾ãã
PerformanceObserver.disconnect()
ããã©ã¼ãã³ã¹ãªãã¶ã¼ãã¼ã³ã¼ã«ããã¯ãããã©ã¼ãã³ã¹é ç®ãåãåãã®ã忢ãã¾ãã
PerformanceObserver.takeRecords()
ããã©ã¼ãã³ã¹ãªãã¶ã¼ãã¼ã«æ ¼ç´ããã¦ããããã©ã¼ãã³ã¹é ç®ã®ç¾å¨ã®ãªã¹ãã空ã«ãã¦è¿ãã¾ãã
次ã®ä¾ã§ã¯ã "mark" (PerformanceMark
) ããã³ "measure" (PerformanceMeasure
) ã¤ãã³ããç£è¦ãã PerformanceObserver
ã使ãã¾ãã perfObserver
ã³ã¼ã«ããã¯ã¯ list
(PerformanceObserverEntryList
) ãæä¾ããç£è¦ãã¦ããããã©ã¼ãã³ã¹é
ç®ãåå¾ãããã¨ãã§ãã¾ãã
function perfObserver(list, observer) {
list.getEntries().forEach((entry) => {
if (entry.entryType === "mark") {
console.log(`${entry.name}'s startTime: ${entry.startTime}`);
}
if (entry.entryType === "measure") {
console.log(`${entry.name}'s duration: ${entry.duration}`);
}
});
}
const observer = new PerformanceObserver(perfObserver);
observer.observe({ entryTypes: ["measure", "mark"] });
仿§æ¸ ãã©ã¦ã¶ã¼ã®äºææ§ é¢é£æ
å ±
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4