Home | History | Annotate | Download | only in profview 
      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">
     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>
    111 Copyright the V8 Authors - Last change to this page: 2018/08/13
    112 </p>
    113 
    114 </body>
    115 </html>
    116