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
|
---
title: Performance.getEntries()
slug: Web/API/Performance/getEntries
translation_of: Web/API/Performance/getEntries
---
<div>{{APIRef("Performance Timeline API")}}</div>
<p><strong><code>getEntries()</code></strong> 对于给定的filter,此方法返回 {{domxref("PerformanceEntry")}} 对象数组. 数组成员（入口）可以在显式的时间点用 performance <em>marks或</em><em>measures</em> 来创建(例如调用{{domxref("Performance.mark","mark()")}} 方法) .</p>
<p class="note">此方法暴露给{{domxref("Window")}} 和 {{domxref("Worker")}}接口.</p>
<h2 id="语法">语法</h2>
<p>取全部:</p>
<pre class="syntaxbox"><em>entries</em> = window.performance.getEntries();
<em>entries</em> = window.performance.getEntries(<em>PerformanceEntryFilterOptions</em>);
</pre>
<p>取特定:</p>
<pre class="syntaxbox">entries = performance.getEntries({name: "entry_name", entryType: "mark"});
</pre>
<h3 id="参数">参数</h3>
<dl>
<dt>PerformanceEntryFilterOptions {{optional_inline}}</dt>
</dl>
<dl>
<dd><code>PerformanceEntryFilterOptions</code> 是一个带有以下键值的字典:
<ul>
<li><code>"name"</code>, performance entry. 的名字</li>
<li><code>"entryType"</code>, entry 类型. 合法的entry类型可以从{{domxref("PerformanceEntry.entryType")}} 方法获取.</li>
<li><code>"initiatorType"</code>, 初始化资源的类型(例如一个HTML element). 其取值被 {{domxref("PerformanceResourceTiming.initiatorType")}} 接口所定义.</li>
</ul>
</dd>
</dl>
<h3 id="Return_Value" name="Return_Value">返回值</h3>
<dl>
<dt>entries</dt>
<dd>一个由符合filter条件的{{domxref("PerformanceEntry")}} 对象构成的数组 . 数组成员按PerformanceEntry.{{domxref("PerformanceEntry.startTime","startTime")}}时间顺序排列 . 如果没有符合filter条件的对象，那么返回空数组. 如果不带任何参数，返回全部entries.</dd>
</dl>
<h2 id="Example">Example</h2>
<pre class="brush: js">function use_PerformanceEntry_methods() {
log("PerformanceEntry tests ...");
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");
performance.mark("Begin");
do_work(100000);
performance.mark("End");
do_work(200000);
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]);
}
// Use getEntries(name, entryType) to get specific entries
p = performance.getEntries({name : "Begin", entryType: "mark"});
for (var i=0; i < p.length; i++) {
log("Begin[" + i + "]");
check_PerformanceEntry(p[i]);
}
// Use getEntriesByType() to get all "mark" entries
p = performance.getEntriesByType("mark");
for (var i=0; i < p.length; i++) {
log ("Mark only entry[" + i + "]: name = " + p[i].name +
"; startTime = " + p[i].startTime +
"; duration = " + p[i].duration);
}
// Use getEntriesByName() to get all "mark" entries named "Begin"
p = performance.getEntriesByName("Begin", "mark");
for (var i=0; i < p.length; i++) {
log ("Mark and Begin entry[" + i + "]: name = " + p[i].name +
"; startTime = " + p[i].startTime +
"; duration = " + p[i].duration);
}
}
//entryType,name,initiatorType Examples
var p = performance.getEntries();
var ptyps = p.map((ele) => {return(ele.entryType)});
//Array(94) [ "navigation", "resource", "resource", "resource", "resource", "resource", "resource", "resource", "resource", "resource", … ]
var pnms = p.map((ele) => {return(ele.name)});
//Array(94) [ "document", "https://csdnimg.cn/public/static/css/avatar.css", "https://csdnimg.cn/public/common/libs/jquery/jquery-1.9.1.min.js", "https://csdnimg.cn/rabbit/exposure-click/main-1.0.5.js", "https://csdnimg.cn/release/phoenix/production/main-e96db8abdf.js", "https://csdnimg.cn/pubfooter/js/tracking-1.0.2.js", "https://csdnimg.cn/public/common/toolbar/js/content_toolbar.js", "https://csdnimg.cn/release/phoenix/production/markdown_views-ea0013b516.css", "https://csdnimg.cn/search/baidu_search-1.1.2.js?v=201802071056&autorun=true&install=true&keyword=%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%89%A7%E8%A1%8C%E9%A1%BA%E5%BA%8F", "https://csdnimg.cn/release/phoenix/production/main-f869aa95a4.css", … ]
var pityps = p.map((ele) => {return(ele.initiatorType)});
//Array(94) [ "navigation", "link", "script", "script", "script", "script", "script", "link", "script", "link", … ]
Specifications</pre>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
<tr>
<td>{{SpecName('Performance Timeline Level 2', '#dom-performance-getentries', 'getEntries()')}}</td>
<td>{{Spec2('Performance Timeline Level 2')}}</td>
<td><code>getEntries()</code> method has an optional argument.</td>
</tr>
<tr>
<td>{{SpecName('Performance Timeline', '#dom-performance-getentries', 'getEntries()')}}</td>
<td>{{Spec2('Performance Timeline')}}</td>
<td>Initial definition.</td>
</tr>
</tbody>
</table>
<h2 id="浏览器兼容性">浏览器兼容性</h2>
<div>
<div>
<p>{{Compat("api.Performance.getEntries")}}</p>
</div>
</div>
|
