PerformanceEntry: toJSON() ã¡ã½ãã
Baseline
åºãå©ç¨å¯è½
ãã®æ©è½ã¯åºãå®è£ ããã¦ãããå¤ãã®ãã¼ã¸ã§ã³ã®ç«¯æ«ããã©ã¦ã¶ã¼ã§åä½ãã¾ãã2017å¹´10æä»¥éããã¹ã¦ã®ãã©ã¦ã¶ã¼ã§å©ç¨å¯è½ã§ãã
toJSON() ã¡ã½ããã¯ã·ãªã¢ã©ã¤ã¶ã¼ã§ããã® PerformanceEntry ãªãã¸ã§ã¯ãã® JSON 表ç¾ãè¿ãã¾ãã
æ§æ
toJSON()
弿°
ãªãã
è¿å¤
JSON ãæ¦è¡ã¸ã§ã¯ãã§ããã® PerformanceEntry ãªãã¸ã§ã¯ããã·ãªã¢ã©ã¤ãºãããã®ã§ãã
ä¾
>toJSON ã¡ã½ããã®ä½¿ç¨
ãã®ä¾ã§ã¯ã entry.toJSON() ãå¼ã³åºãã¨ãã® PerformanceMark ãªãã¸ã§ã¯ãã® JSON 表ç¾ãè¿ãã¾ãã
performance.mark("debug-marker", {
detail: "debugging-marker-123",
});
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
console.log(entry.toJSON());
});
});
observer.observe({ entryTypes: ["mark"] });
ãã㯠JSON ãªãã¸ã§ã¯ããæ¬¡ã®ããã«åºåãã¾ãã
{
"name": "debug-marker",
"entryType": "mark",
"startTime": 158361,
"duration": 0
}
PerformanceMark ã® detail ããããã£ãæ ¼ç´ããã¦ããªããã¨ã«æ³¨æãã¦ãã ããã
JSON æååãåå¾ããã«ã¯ã JSON.stringify(entry) ãç´æ¥ä½¿ç¨ãããã¨ãã§ãã¾ãããã㯠toJSON() ãèªåçã«å¼ã³åºãã¾ãã
仿§æ¸
| 仿§æ¸ |
|---|
| Performance Timeline > # dom-performanceentry-tojson > |