This repository has been archived by the owner on Mar 28, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 22
/
Copy pathpopup.html
178 lines (173 loc) · 13.4 KB
/
popup.html
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html class="status-running">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="popup.css">
</head>
<body>
<p class="status-display status-display-running">
The profiler is recording.
<input type="button" class="status-display-button button-cancel" value="Discard & Stop">
</p>
<p class="status-display status-display-stopped">
The profiler is stopped.
<input type="button" class="status-display-button button-start" value="Start">
</p>
<button id="button-capture">
<strong id="capture-label">Capture Profile <span class="keyboard-hint"><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>2</kbd></span></strong>
<p id="help-capture">Capture the current contents of the profile buffer and open the profile in a new tab.</p>
</button>
<dl class="info-density">
<dt>Overhead:</dt>
<dd>
<div class="discrete-level">
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch normal active"></span>
<span class="discrete-level-notch warning active"></span>
<span class="discrete-level-notch warning active"></span>
<span class="discrete-level-notch warning active"></span>
<span class="discrete-level-notch warning active"></span>
<span class="discrete-level-notch warning inactive"></span>
<span class="discrete-level-notch warning inactive"></span>
<span class="discrete-level-notch warning inactive"></span>
<span class="discrete-level-notch critical inactive"></span>
<span class="discrete-level-notch critical inactive"></span>
<span class="discrete-level-notch critical inactive"></span>
<span class="discrete-level-notch critical inactive"></span>
<span class="discrete-level-notch critical inactive"></span>
<span class="discrete-level-notch critical inactive"></span>
</div>
</dd>
</dl>
<section class="settings">
<h1 id="settings-label">Settings</h1>
<section class="settings-content">
<h1 class="settings-setting-label">Interval:</h1>
<span class="range-with-value">
<input type="range" class="range-input interval-range" min="0" max="100">
<span class="range-value interval-value">1 ms</span>
</span>
<h1 class="settings-setting-label windowlength">Window length:</h1>
<span class="range-with-value windowlength">
<input type="range" class="range-input windowlength-range" min="0" max="100">
<span class="range-value windowlength-value">20 sec</span>
</span>
<h1 class="settings-setting-label">Buffer size:</h1>
<span class="range-with-value">
<input type="range" class="range-input buffersize-range" min="0" max="100">
<span class="range-value buffersize-value">90 MB</span>
</span>
<div class="perf-settings-details">
<summary class="perf-settings-summary" id="perf-settings-threads-summary">Threads:</summary>
<div class="perf-settings-details-contents">
<div class="perf-settings-thread-columns">
<div class="perf-settings-thread-column"><label class="perf-settings-checkbox-label" title="The main processes for both the parent process, and content processes"><input
class="perf-settings-checkbox" id="perf-settings-thread-checkbox-gecko-main" type="checkbox" value="GeckoMain" />GeckoMain</label><label
class="perf-settings-checkbox-label" title="Composites together different painted elements on the page."><input
class="perf-settings-checkbox" id="perf-settings-thread-checkbox-compositor" type="checkbox" value="Compositor" />Compositor</label><label
class="perf-settings-checkbox-label" title="This handle both web workers and service workers"><input class="perf-settings-checkbox"
id="perf-settings-thread-checkbox-dom-worker" type="checkbox" value="DOM Worker" />DOM Worker</label><label
class="perf-settings-checkbox-label" title="When WebRender is enabled, the thread that executes OpenGL calls"><input
class="perf-settings-checkbox" id="perf-settings-thread-checkbox-renderer" type="checkbox" value="Renderer" />Renderer</label></div>
<div class="perf-settings-thread-column"><label class="perf-settings-checkbox-label" title="The WebRender RenderBackend thread"><input
class="perf-settings-checkbox" id="perf-settings-thread-checkbox-render-backend" type="checkbox" value="RenderBackend" />RenderBackend</label><label
class="perf-settings-checkbox-label" title="When off-main-thread painting is enabled, the thread on which painting happens"><input
class="perf-settings-checkbox" id="perf-settings-thread-checkbox-paint-worker" type="checkbox" value="PaintWorker" />PaintWorker</label><label
class="perf-settings-checkbox-label" title="Style computation is split into multiple threads"><input class="perf-settings-checkbox"
id="perf-settings-thread-checkbox-style-thread" type="checkbox" value="StyleThread" />StyleThread</label><label
class="perf-settings-checkbox-label" title="The thread where networking code runs any blocking socket calls"><input
class="perf-settings-checkbox" id="perf-settings-thread-checkbox-socket-thread" type="checkbox" value="Socket Thread" />Socket
Thread</label></div>
<div class="perf-settings-thread-column"><label class="perf-settings-checkbox-label" title="TODO"><input class="perf-settings-checkbox"
id="perf-settings-thread-checkbox-stream-trans" type="checkbox" value="StreamTrans" />StreamTrans</label><label
class="perf-settings-checkbox-label" title="Image decoding threads"><input class="perf-settings-checkbox"
id="perf-settings-thread-checkbox-img-decoder" type="checkbox" value="ImgDecoder" />ImgDecoder</label><label
class="perf-settings-checkbox-label" title="DNS resolution happens on this thread"><input class="perf-settings-checkbox"
id="perf-settings-thread-checkbox-dns-resolver" type="checkbox" value="DNS Resolver" />DNS Resolver</label></div>
</div>
<div class="perf-settings-row"><label class="perf-settings-text-label" title="These thread names are a comma separated list that is used to enable profiling of the threads in the profiler. The name needs to be only a partial match of the thread name to be included. It is whitespace sensitive.">
<div>Add custom threads by name:</div><input class="perf-settings-text-input" id="perf-settings-thread-text"
type="text" value="GeckoMain,Compositor" />
</label></div>
</div>
</div>
<div class="perf-settings-details">
<summary class="perf-settings-summary" id="perf-settings-features-summary">Features:</summary>
<div class="perf-settings-details-contents">
<label class="perf-settings-checkbox-label perf-settings-feature-label"><input
class="perf-settings-checkbox" id="perf-settings-feature-checkbox-stackwalk" type="checkbox" value="stackwalk" />
<div class="perf-settings-feature-name">Native Stacks</div>
<div class="perf-settings-feature-title">Record native stacks (C++ and Rust). This is not available on all
platforms.<span class="perf-settings-subtext"> (Recommended on by default.)</span></div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-js" type="checkbox" value="js" />
<div class="perf-settings-feature-name">JavaScript</div>
<div class="perf-settings-feature-title">Record JavaScript stack information, and interleave it with native
stacks.<span class="perf-settings-subtext"> (Recommended on by default.)</span></div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label" id="java"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-java" type="checkbox" value="java" />
<div class="perf-settings-feature-name">Java</div>
<div class="perf-settings-feature-title">Profile Java code.</div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-responsiveness" type="checkbox" value="responsiveness" />
<div class="perf-settings-feature-name">Responsiveness</div>
<div class="perf-settings-feature-title">Collect thread responsiveness information.<span class="perf-settings-subtext">
(Recommended on by default.)</span></div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-leaf" type="checkbox" value="leaf" />
<div class="perf-settings-feature-name">Native Leaf Stack</div>
<div class="perf-settings-feature-title">Record the native memory address of the leaf-most stack. This could be
useful on platforms that do not support stack walking.<span class="perf-settings-subtext"> (Recommended on by
default.)</span></div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-screenshots" type="checkbox" value="screenshots" />
<div class="perf-settings-feature-name">Screenshots</div>
<div class="perf-settings-feature-title">Capture screenshots of browser windows.</div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-mainthreadio" type="checkbox" value="mainthreadio" />
<div class="perf-settings-feature-name">Main Thread IO</div>
<div class="perf-settings-feature-title">Record main thread I/O markers.</div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-memory" type="checkbox" value="memory" />
<div class="perf-settings-feature-name">Memory</div>
<div class="perf-settings-feature-title">Add memory measurements to the samples, this includes resident set
size (RSS) and unique set size (USS).</div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-privacy" type="checkbox" value="privacy" />
<div class="perf-settings-feature-name">Privacy</div>
<div class="perf-settings-feature-title">Remove some potentially user-identifiable information.</div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-seqstyle" type="checkbox" value="seqstyle" />
<div class="perf-settings-feature-name">Sequential Styling</div>
<div class="perf-settings-feature-title">Disable parallel traversal in styling.</div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-trackopts" type="checkbox" value="trackopts" />
<div class="perf-settings-feature-name">JIT Optimizations</div>
<div class="perf-settings-feature-title">Track JIT optimizations in the JS engine.</div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-tasktracer" type="checkbox" value="tasktracer" />
<div class="perf-settings-feature-name">TaskTracer</div>
<div class="perf-settings-feature-title">Enable TaskTracer (Experimental, requires custom build.)</div>
</label><label class="perf-settings-checkbox-label perf-settings-feature-label"><input class="perf-settings-checkbox"
id="perf-settings-feature-checkbox-jstracer" type="checkbox" value="jstracer" />
<div class="perf-settings-feature-name">JSTracer</div>
<div class="perf-settings-feature-title">Trace JS engine (Experimental, requires custom build.)</div>
</label>
</div>
</div>
</section>
<section class="settings-apply-button-wrapper"><input type="button" class="settings-apply-button" value="Apply (Restart Profiler)"></section>
</section>
<script src="popup.js"></script>
</body>
</html>