blob: 8fd701cbe1150ec1a4f920efbb5b20b124913710 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
|
---
title: PerformanceEntry.name
slug: Web/API/PerformanceEntry/name
tags:
- API
- Web パフォーマンス
- プロパティ
- リファレンス
translation_of: Web/API/PerformanceEntry/name
---
<div>{{APIRef("Performance Timeline API")}}</div>
<p><span class="seoSummary">{{domxref("PerformanceEntry")}} インターフェイスの <strong><code>name</code></strong> プロパティは、{{domxref("PerformanceEntry.entryType")}} プロパティによって返される値をさらに指定する値を返します。このプロパティは読み取り専用です。</span></p>
<p>{{AvailableInWorkers}}</p>
<h2 id="Syntax" name="Syntax">構文</h2>
<pre class="syntaxbox">var<em> name</em> = <em>entry</em>.name;
</pre>
<h3 id="Return_Value" name="Return_Value">戻り値</h3>
<p>以下の表に示すように、戻り値は <code>PerformanceEntry</code> オブジェクトのサブタイプと {{domxref("PerformanceEntry.entryType")}} の値によって異なります。</p>
<table class="standard-table">
<thead>
<tr>
<th scope="col">値</th>
<th scope="col">サブタイプ</th>
<th scope="col">entryType の値</th>
<th scope="col">説明</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{domxref("URL")}}</td>
<td>{{domxref('PerformanceFrameTiming')}}, {{domxref('PerformanceNavigationTiming')}}</td>
<td><code>frame</code>, <code>navigation</code></td>
<td>ドキュメントのアドレス</td>
</tr>
<tr>
<td>{{domxref("URL")}}</td>
<td>{{domxref('PerformanceResourceTiming')}}</td>
<td><code>resource</code></td>
<td>リクエストされたリソースの解決されたURL。リクエストがリダイレクトされても、この値は変わりません。</td>
</tr>
<tr>
<td>{{domxref("DOMString")}}</td>
<td>{{domxref('PerformanceMark')}}</td>
<td><code>mark</code></td>
<td>{{domxref("Performance.mark","performance.mark()")}} を呼び出してマークを作成したときに使用された名前。</td>
</tr>
<tr>
<td>{{domxref("DOMString")}}</td>
<td>{{domxref('PerformanceMeasure')}}</td>
<td><code>measure</code></td>
<td>メジャーが {{domxref("Performance.measure","performance.measure()")}} を呼び出して作成されたときに使用された名前。</td>
</tr>
<tr>
<td>{{domxref("DOMString")}}</td>
<td>{{domxref('PerformancePaintTiming')}}</td>
<td><code>paint</code></td>
<td><code>'first-paint'</code> もしくは <code>'first-contentful-paint'</code> のいずれか</td>
</tr>
</tbody>
</table>
<h2 id="例">例</h2>
<p>次の例は、<code>name</code> プロパティの使い方を示しています。</p>
<pre class="brush: js">function run_PerformanceEntry() {
log("PerformanceEntry support ...");
if (performance.mark === undefined) {
log("... performance.mark Not supported");
return;
}
// Create some performance entries via the mark() method
performance.mark("Begin");
do_work(50000);
performance.mark("End");
// Use getEntries() to iterate through the each entry
var p = performance.getEntries();
for (var i=0; i < p.length; i++) {
log("Entry[" + i + "]");
check_PerformanceEntry(p[i]);
}
}
function check_PerformanceEntry(obj) {
var properties = ["name", "entryType", "startTime", "duration"];
var methods = ["toJSON"];
for (var i=0; i < properties.length; i++) {
// check each property
var supported = properties[i] in obj;
if (supported)
log("..." + properties[i] + " = " + obj[properties[i]]);
else
log("..." + properties[i] + " = Not supported");
}
for (var i=0; i < methods.length; i++) {
// check each method
var supported = typeof obj[methods[i]] == "function";
if (supported) {
var js = obj[methods[i]]();
log("..." + methods[i] + "() = " + JSON.stringify(js));
} else {
log("..." + methods[i] + " = Not supported");
}
}
}
</pre>
<h2 id="仕様">仕様</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">仕様書</th>
<th scope="col">ステータス</th>
<th scope="col">コメント</th>
</tr>
<tr>
<td>{{SpecName('Performance Timeline Level 2', '#dom-performanceentry-name', 'name')}}</td>
<td>{{Spec2('Performance Timeline Level 2')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('Performance Timeline', '#dom-performanceentry-name', 'name')}}</td>
<td>{{Spec2('Performance Timeline')}}</td>
<td>初期定義</td>
</tr>
</tbody>
</table>
<h2 id="ブラウザの互換性">ブラウザの互換性</h2>
<div>
<p>{{Compat("api.PerformanceEntry.name")}}</p>
</div>
|
