| Index: tools/profview/index.html
|
| diff --git a/tools/profview/index.html b/tools/profview/index.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..b02f6fbd2031caf335d971df286bde40d65bd2e8
|
| --- /dev/null
|
| +++ b/tools/profview/index.html
|
| @@ -0,0 +1,106 @@
|
| +<!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>
|
| +
|
| +<br>
|
| +
|
| +<div id="calltree" style="display : none">
|
| + <div id="mode-bar">
|
| + </div>
|
| +
|
| + <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>
|
| +
|
| +<p style="font-style:italic;">
|
| +<br>
|
| +<br>
|
| +<br>
|
| +Copyright the V8 Authors - Last change to this page: 2017/02/15
|
| +</p>
|
| +
|
| +</body>
|
| +</html>
|
|
|
Chromium Code Reviews
Issue 2696903002:
[profiler] Graphical front-end for tick processor. (Closed)
