このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
PerformanceResourceTiming.toJSON()
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2017年10月以降、すべてのブラウザーで利用可能です。
toJSON() は PerformanceResourceTiming インターフェイスのメソッドでシリアライザーです。この PerformanceResourceTiming オブジェクトの JSON 表現を返します。
構文
js
toJSON()
引数
なし。
返値
JSON オブジェクトで、PerformanceResourceTiming オブジェクトをシリアライズしたものです。
例
toJSON メソッドの使用
この例では、entry.toJSON() の呼び出しが PerformanceResourceTiming オブジェクトの JSON 表現を返します。
js
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
console.log(entry.toJSON());
});
});
observer.observe({ type: "resource", buffered: true });
これはこのような JSON オブジェクトをログ出力します。
json
{
"name": "https://upload.wikimedia.org/wikipedia/en/thumb/4/4a/Commons-logo.svg/31px-Commons-logo.svg.png",
"entryType": "resource",
"startTime": 110.80000001192093,
"duration": 11.599999994039536,
"initiatorType": "img",
"nextHopProtocol": "h2",
"renderBlockingStatus": "non-blocking",
"workerStart": 0,
"redirectStart": 0,
"redirectEnd": 0,
"fetchStart": 110.80000001192093,
"domainLookupStart": 110.80000001192093,
"domainLookupEnd": 110.80000001192093,
"connectStart": 110.80000001192093,
"connectEnd": 110.80000001192093,
"secureConnectionStart": 110.80000001192093,
"requestStart": 117.30000001192093,
"responseStart": 120.40000000596046,
"responseStatus": 200,
"responseEnd": 122.40000000596046,
"transferSize": 0,
"encodedBodySize": 880,
"decodedBodySize": 880,
"serverTiming": [
{
"name": "cache",
"duration": 0,
"description": "hit-front"
},
{
"name": "host",
"duration": 0,
"description": "cp3061"
}
]
}
JSON 文字列を取得するには、 JSON.stringify(entry) を直接使用することができます。これは toJSON() を自動的に呼び出します。
仕様書
| 仕様書 |
|---|
| Resource Timing # dom-performanceresourcetiming-tojson |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。