Chromium Code Reviews Chromium Code Reviews
Issue 2696903002:
[profiler] Graphical front-end for tick processor. (Closed)
| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <!-- Copyright 2017 the V8 project authors. All rights reserved. | |
| 3 Use of this source code is governed by a BSD-style license that can be | |
| 4 found 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"> | |
|
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
| |
| 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 <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 | |
| 62 <br> | |
| 63 | |
| 64 <div id="calltree" style="display : none"> | |
| 65 <div id="mode-bar"> | |
| 66 </div> | |
| 67 | |
| 68 <br> | |
| 69 Attribution: | |
| 70 <select id="calltree-attribution"> | |
| 71 </select> | |
| 72 Top-level tree buckets: | |
| 73 <select id="calltree-categories"> | |
| 74 </select> | |
| 75 Sort by: | |
| 76 <select id="calltree-sort"> | |
| 77 </select> | |
| 78 | |
| 79 <br> | |
| 80 <br> | |
| 81 | |
| 82 <table id="calltree-table" class="calltree"> | |
| 83 <thead> | |
| 84 <tr> | |
| 85 <th class="numeric">Time (incl)</th> | |
| 86 <th class="numeric">% of parent</th> | |
| 87 <th id="calltree-table-own-time-header" class="numeric">Own time</th> | |
| 88 <th>Function/category</th> | |
| 89 <th class="numeric">Ticks</th> | |
| 90 <th id="calltree-table-own-ticks-header" class="numeric">Own ticks</th> | |
| 91 </tr> | |
| 92 </thead> | |
| 93 <tbody> | |
| 94 </tbody> | |
| 95 </table> | |
| 96 </div> | |
| 97 | |
| 98 <p style="font-style:italic;"> | |
| 99 <br> | |
| 100 <br> | |
| 101 <br> | |
| 102 Copyright the V8 Authors - Last change to this page: 2017/02/15 | |
| 103 </p> | |
| 104 | |
| 105 </body> | |
| 106 </html> | |
| OLD | NEW |
