blob: 8695a41e3a026486adef74c5726c9d6198b10712 [file] [log] [blame]
Andrew Topef837fa2017-10-04 22:44:25 -07001<!DOCTYPE html>
2<!-- Copyright 2017 the V8 project authors. All rights reserved.
3Use of this source code is governed by a BSD-style license that can be
4found in the LICENSE file. -->
5
6<html lang="en">
7
8<head>
9 <meta charset="utf-8"/>
10 <title>V8 Tick Processor</title>
11 <link rel="stylesheet" href="profview.css">
12 <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
13 <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
14 rel="stylesheet">
15
16 <script src="profview.js"></script>
17 <script src="profile-utils.js"></script>
18</head>
19
20<body onLoad="main.onLoad();" onResize="main.onResize();">
21<h3 style="margin-top: 2px;">
22 Chrome V8 profiling log processor
23</h3>
24
Andrew Top63c7ad42019-11-25 16:10:13 -080025<input type="file" id="fileinput" /><div id="source-status"></div>
Andrew Topef837fa2017-10-04 22:44:25 -070026<br>
27<hr>
28
29<div id="help">
30 Usage:
31
32 <br>
33 <br>
34
35 Record the profile:
36 <pre>
37 d8 --prof your-file.js
38 </pre>
39
40 Then process the file (this resolves C++ symbols and produces
41 a JSON file with the profile data):
42
43 <pre>
44 &lt;v8-dir>/tools/linux-tick-processor --preprocess v8.log > v8.json
45 </pre>
46
47 To view the profile, click the <i>Choose file</i> button above and choose
48 the file in the dialog box.
49
50</div>
51
52<div id="timeline" style="display : none">
53 <div>
54 <canvas id="timeline-canvas"/>
55 </div>
56 <table>
57 <tr id="timeline-legend">
58 </tr>
59 </table>
60 <div>
61 Current code object: <span id="timeline-currentCode"></span>
Andrew Top63c7ad42019-11-25 16:10:13 -080062 <button id="source-viewer-hide-button">Hide source</button>
63 </div>
64 <div>
65 <table id="source-viewer"> </table>
Andrew Topef837fa2017-10-04 22:44:25 -070066 </div>
67</div>
68
69<br>
70
71<div id="mode-bar" style="display : none">
72</div>
73
74<div id="calltree" style="display : none">
75 <br>
76 Attribution:
77 <select id="calltree-attribution">
78 </select>
79 Top-level tree buckets:
80 <select id="calltree-categories">
81 </select>
82 Sort by:
83 <select id="calltree-sort">
84 </select>
85
86 <br>
87 <br>
88
89 <table id="calltree-table" class="calltree">
90 <thead>
91 <tr>
92 <th class="numeric">Time (incl)</th>
93 <th class="numeric">% of parent</th>
94 <th id="calltree-table-own-time-header" class="numeric">Own time</th>
95 <th>Function/category</th>
96 <th class="numeric">Ticks</th>
97 <th id="calltree-table-own-ticks-header" class="numeric">Own ticks</th>
98 </tr>
99 </thead>
100 <tbody>
101 </tbody>
102 </table>
103</div>
104
105<div id="summary" style="display : none">
106</div>
107
108<div id="function-details" style="display : none">
109</div>
110
111<p style="font-style:italic;">
112<br>
113<br>
114<br>
Andrew Top63c7ad42019-11-25 16:10:13 -0800115Copyright the V8 Authors - Last change to this page: 2018/08/13
Andrew Topef837fa2017-10-04 22:44:25 -0700116</p>
117
118</body>
119</html>