| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- Copyright 2013 the V8 project authors. All rights reserved. | 2 <!-- Copyright 2013 the V8 project authors. All rights reserved. |
| 3 | 3 |
| 4 Redistribution and use in source and binary forms, with or without | 4 Redistribution and use in source and binary forms, with or without |
| 5 modification, are permitted provided that the following conditions are | 5 modification, are permitted provided that the following conditions are |
| 6 met: | 6 met: |
| 7 * Redistributions of source code must retain the above copyright | 7 * Redistributions of source code must retain the above copyright |
| 8 notice, this list of conditions and the following disclaimer. | 8 notice, this list of conditions and the following disclaimer. |
| 9 * Redistributions in binary form must reproduce the above | 9 * Redistributions in binary form must reproduce the above |
| 10 copyright notice, this list of conditions and the following | 10 copyright notice, this list of conditions and the following |
| (...skipping 18 matching lines...) Expand all Loading... |
| 29 <head> | 29 <head> |
| 30 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | 30 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 31 <title>V8 profile log plotter</title> | 31 <title>V8 profile log plotter</title> |
| 32 <link rel="stylesheet" type="text/css" href="profviz.css"> | 32 <link rel="stylesheet" type="text/css" href="profviz.css"> |
| 33 <script src="profviz.js"></script> | 33 <script src="profviz.js"></script> |
| 34 </head> | 34 </head> |
| 35 | 35 |
| 36 <body onload="onload()"> | 36 <body onload="onload()"> |
| 37 <div id="content"> | 37 <div id="content"> |
| 38 | 38 |
| 39 <img src="" id="plot" type="image/svg+xml" | 39 <img src="" id="plot" type="image/svg+xml" class="display" |
| 40 width="1200" height="600" class="float-right"/> | 40 width="1200" height="600" class="float-right"/> |
| 41 |
| 42 <textarea id="prof" class="display" disabled=true></textarea> |
| 41 <br/> | 43 <br/> |
| 42 | 44 |
| 43 <table> | 45 <table width="1200"> |
| 44 <tr> | 46 <tr> |
| 45 <td width="20%"> | 47 <td width="330"> |
| 46 <button type="button" id="start" onclick="start()"> | 48 <button id="start" onclick="start()"> |
| 47 Start plot | 49 Start |
| 48 </button> | 50 </button> |
| 49 <button type="button" id="reset" onclick="ui.reset(); worker.reset();"> | 51 <button id="reset" onclick="ui.reset(); worker.reset();"> |
| 50 Reset | 52 Reset |
| 51 </button> | 53 </button> |
| 54 <button id="toggledisplay" onclick="ui.toggle();"> |
| 55 Show profile |
| 56 </button> |
| 52 </td> | 57 </td> |
| 53 <td width="20%"> | 58 <td width="220"> |
| 54 <input type="file" id="file" onchange="ui.reset();"/> | 59 <input type="file" id="file" onchange="ui.reset();"/> |
| 55 </td> | 60 </td> |
| 56 <td width="30%"> | 61 <td width="300"> |
| 57 <label title="You can manually choose the range | 62 <label title="You can manually choose the range |
| 58 to plot only part of the log file."> | 63 to plot only part of the log file."> |
| 59 <span class="tooltip">Range</span>: | 64 <span class="tooltip">Range</span>: |
| 60 </label> | 65 </label> |
| 61 <input type="text" id="range_start" class="range"/> | 66 <input type="text" id="range_start" class="range"/> |
| 62 <label>to</label> | 67 <label>to</label> |
| 63 <input type="text" id="range_end" class="range"/> | 68 <input type="text" id="range_end" class="range"/> |
| 64 </td> | 69 </td> |
| 65 <td width="30%"> | 70 <td width="350"> |
| 66 <label title="We model profiling overhead by accounting a constant | 71 <label title="We model profiling overhead by accounting a constant |
| 67 execution delay to each log entry. Adjust to better suit | 72 execution delay to each log entry. Adjust to better suit |
| 68 your computer's performance."> | 73 your computer's performance."> |
| 69 <span class="tooltip">Delay per log entry</span>: | 74 <span class="tooltip">Delay per log entry</span>: |
| 70 </label> | 75 </label> |
| 71 <input type="text" id="distortion" class="range" value="4500"/> | 76 <input type="text" id="distortion" class="range" value="4500"/> |
| 72 <label>picoseconds</label> | 77 <label>picoseconds</label> |
| 73 </td> | 78 </td> |
| 74 </tr> | 79 </tr> |
| 75 </table> | 80 </table> |
| 76 | 81 |
| 77 <br/> | 82 <br/> |
| 78 <textarea class="log" id="log" rows="8" disabled=true></textarea> | 83 <textarea class="log" id="log" rows="8" disabled=true></textarea> |
| 79 | 84 |
| 80 <div class="text"> | 85 <div class="text"> |
| 81 <h1>Instructions</h1> | 86 <h1> |
| 87 <a href="javascript:ui.info('instructions');" class="unroll"> |
| 88 Instructions |
| 89 </a> |
| 90 </h1> |
| 82 <div id="instructions"> | 91 <div id="instructions"> |
| 83 <ol> | 92 <ol> |
| 84 <li> | 93 <li> |
| 85 Run V8 with | 94 Run V8 with |
| 86 <span class="tt">--prof --log-timer-events</span>, | 95 <span class="tt">--prof --log-timer-events</span>, |
| 87 or alternatively,<br/> | 96 or alternatively,<br/> |
| 88 Chrome with | 97 Chrome with |
| 89 <span class="tt"> | 98 <span class="tt"> |
| 90 --no-sandbox --js-flags="--prof --noprof-lazy --log-timer-events | 99 --no-sandbox --js-flags="--prof --noprof-lazy --log-timer-events |
| 91 </span> to produce <span class="tt">v8.log</span>. | 100 </span> to produce <span class="tt">v8.log</span>. |
| 92 </li> | 101 </li> |
| 93 <li> | 102 <li> |
| 94 Open | 103 Open |
| 95 <span class="tt">v8.log</span> | 104 <span class="tt">v8.log</span> |
| 96 on this page. Don't worry, it won't be uploaded anywhere. | 105 on this page. Don't worry, it won't be uploaded anywhere. |
| 97 </li> | 106 </li> |
| 98 <li> | 107 <li> |
| 99 Click "Start plot" to starts number crunching. This will take a while. | 108 Click "Start" to start number crunching. This will take a while. |
| 100 </li> | 109 </li> |
| 101 </ol> | 110 <li> |
| 111 Click "Show plot/profile" to switch between the statistical profile and |
| 112 the timeline plot.<br/> |
| 113 C++ items are missing in the statistical profile because symbol |
| 114 information is not available.<br> |
| 115 Consider using the |
| 116 <a href="https://code.google.com/p/v8/wiki/V8Profiler"> |
| 117 command-line utility |
| 118 </a> instead. |
| 119 </li> |
| 102 </div> | 120 </div> |
| 103 </div> | 121 </div> |
| 104 | 122 |
| 105 <div class="text"> | 123 <div class="text"> |
| 106 <h1>Credits</h1> | 124 <h1> |
| 125 <a href="javascript:ui.info('credits');" class="unroll"> |
| 126 Credits |
| 127 </a> |
| 128 </h1> |
| 107 <div id="credits"> | 129 <div id="credits"> |
| 108 <ul> | 130 <ul> |
| 109 <li> | 131 <li> |
| 110 Christian Huettig for the | 132 Christian Huettig for the |
| 111 <a href="http://gnuplot.respawned.com/">Javascript port</a> | 133 <a href="http://gnuplot.respawned.com/">Javascript port</a> |
| 112 of Gnuplot 4.6.3. | 134 of Gnuplot 4.6.3. |
| 113 </li> | 135 </li> |
| 114 <li> | 136 <li> |
| 115 The | 137 The |
| 116 <a href="https://github.com/kripken/emscripten">Emscripten compiler</a> | 138 <a href="https://github.com/kripken/emscripten">Emscripten compiler</a> |
| 117 that made the port possible. | 139 that made the port possible. |
| 118 </li> | 140 </li> |
| 119 <li> | 141 <li> |
| 120 The <a href="http://www.gnuplot.info/">Gnuplot project</a>. | 142 The <a href="http://www.gnuplot.info/">Gnuplot project</a>. |
| 121 </li> | 143 </li> |
| 122 <li> | 144 <li> |
| 123 The <a href="https://developers.google.com/v8/">V8 project</a>. | 145 The <a href="https://developers.google.com/v8/">V8 project</a>. |
| 124 </li> | 146 </li> |
| 125 </ul> | 147 </ul> |
| 126 </div> | 148 </div> |
| 127 </div> | 149 </div> |
| 128 | 150 |
| 129 </div> | 151 </div> |
| 130 </body> | 152 </body> |
| 131 </html> | 153 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 17620008:
Include statistical profile into profviz. (Closed)
Base URL: https://v8.googlecode.com/svn/branches/bleeding_edge