12d815b36e
This adds optimization and deoptimization counts to the Web UI. Also, the function timeline now shows optimization and deoptimization marks. Review-Url: https://codereview.chromium.org/2753543006 Cr-Commit-Position: refs/heads/master@{#44033}
116 lines
2.4 KiB
HTML
116 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<!-- Copyright 2017 the V8 project authors. All rights reserved.
|
|
Use of this source code is governed by a BSD-style license that can be
|
|
found in the LICENSE file. -->
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>V8 Tick Processor</title>
|
|
<link rel="stylesheet" href="profview.css">
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
|
|
rel="stylesheet">
|
|
|
|
<script src="profview.js"></script>
|
|
<script src="profile-utils.js"></script>
|
|
</head>
|
|
|
|
<body onLoad="main.onLoad();" onResize="main.onResize();">
|
|
<h3 style="margin-top: 2px;">
|
|
Chrome V8 profiling log processor
|
|
</h3>
|
|
|
|
<input type="file" id="fileinput" />
|
|
<br>
|
|
<hr>
|
|
|
|
<div id="help">
|
|
Usage:
|
|
|
|
<br>
|
|
<br>
|
|
|
|
Record the profile:
|
|
<pre>
|
|
d8 --prof your-file.js
|
|
</pre>
|
|
|
|
Then process the file (this resolves C++ symbols and produces
|
|
a JSON file with the profile data):
|
|
|
|
<pre>
|
|
<v8-dir>/tools/linux-tick-processor --preprocess v8.log > v8.json
|
|
</pre>
|
|
|
|
To view the profile, click the <i>Choose file</i> button above and choose
|
|
the file in the dialog box.
|
|
|
|
</div>
|
|
|
|
<div id="timeline" style="display : none">
|
|
<div>
|
|
<canvas id="timeline-canvas"/>
|
|
</div>
|
|
<table>
|
|
<tr id="timeline-legend">
|
|
</tr>
|
|
</table>
|
|
<div>
|
|
Current code object: <span id="timeline-currentCode"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div id="mode-bar" style="display : none">
|
|
</div>
|
|
|
|
<div id="calltree" style="display : none">
|
|
<br>
|
|
Attribution:
|
|
<select id="calltree-attribution">
|
|
</select>
|
|
Top-level tree buckets:
|
|
<select id="calltree-categories">
|
|
</select>
|
|
Sort by:
|
|
<select id="calltree-sort">
|
|
</select>
|
|
|
|
<br>
|
|
<br>
|
|
|
|
<table id="calltree-table" class="calltree">
|
|
<thead>
|
|
<tr>
|
|
<th class="numeric">Time (incl)</th>
|
|
<th class="numeric">% of parent</th>
|
|
<th id="calltree-table-own-time-header" class="numeric">Own time</th>
|
|
<th>Function/category</th>
|
|
<th class="numeric">Ticks</th>
|
|
<th id="calltree-table-own-ticks-header" class="numeric">Own ticks</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div id="summary" style="display : none">
|
|
</div>
|
|
|
|
<div id="function-details" style="display : none">
|
|
</div>
|
|
|
|
<p style="font-style:italic;">
|
|
<br>
|
|
<br>
|
|
<br>
|
|
Copyright the V8 Authors - Last change to this page: 2017/02/15
|
|
</p>
|
|
|
|
</body>
|
|
</html>
|