Chromium Code Reviews Chromium Code Reviews
Issue 2696903002:
[profiler] Graphical front-end for tick processor. (Closed)
| 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"> |
|
Camillo Bruni
2017/03/03 17:48:57
I'd probably directly include these files in the .
Jarin
2017/03/04 11:21:23
I am expecting the file to grow, so I will try to
|
| + <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> |
