1<!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
25<input type="file" id="fileinput" />
26<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>
62  </div>
63</div>
64
65<br>
66
67<div id="mode-bar" style="display : none">
68</div>
69
70<div id="calltree" style="display : none">
71  <br>
72  Attribution:
73  <select id="calltree-attribution">
74  </select>
75  Top-level tree buckets:
76  <select id="calltree-categories">
77  </select>
78  Sort by:
79  <select id="calltree-sort">
80  </select>
81
82  <br>
83  <br>
84
85  <table id="calltree-table" class="calltree">
86    <thead>
87      <tr>
88        <th class="numeric">Time (incl)</th>
89        <th class="numeric">% of parent</th>
90        <th id="calltree-table-own-time-header" class="numeric">Own time</th>
91        <th>Function/category</th>
92        <th class="numeric">Ticks</th>
93        <th id="calltree-table-own-ticks-header" class="numeric">Own ticks</th>
94      </tr>
95    </thead>
96    <tbody>
97    </tbody>
98  </table>
99</div>
100
101<div id="summary" style="display : none">
102</div>
103
104<div id="function-details" style="display : none">
105</div>
106
107<p style="font-style:italic;">
108<br>
109<br>
110<br>
111Copyright the V8 Authors - Last change to this page: 2018/08/13
112</p>
113
114</body>
115</html>
116