| OLD | NEW |
|---|
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html lang="en-us"> |
| 3 <head> |
| 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
| 5 <title>V8 profile log plotter</title> |
| 6 <style> |
| 7 textarea.log { font-family: monospace; width: 1400px; background-color: #ffe;
color: #000; } |
| 8 button#start { width: 100px; } |
| 9 button#reset { width: 100px; } |
| 10 input.range { width: 80px; text-align: right; padding-right: 5px;} |
| 11 table { width: 1200px; } |
| 12 label { font-family: Verdana; font-size: 12px; } |
| 13 .tooltip { border-bottom: 1px dotted #000; } |
| 14 h1 { font-family: Verdana; font-size: 14px; font-weight: bold; } |
| 15 .text { font-family: Verdana; font-size: 12px; } |
| 16 .tt { font-family: monospace; font-size: 12px; color: #822; } |
| 17 a { font-family: Verdana; font-size: 12px; text-decoration: none; color: #282;
} |
| 18 </style> |
| 19 </head> |
| 20 <body onload="onload()"> |
| 21 |
| 22 <img src="" id="plot" type="image/svg+xml" width="1400" height="600" class="floa
t-right"> |
| 23 <br/> |
| 24 <table> |
| 25 <tr> |
| 26 <td width="20%"> |
| 27 <button type="button" id="start" onclick="start()">Start plot</button> |
| 28 <button type="button" id="reset" onclick="ui.reset(); worker.reset();">Reset</
button> |
| 29 </td> |
| 30 <td width="20%"> |
| 31 <input type="file" id="file" onchange="ui.reset();"/> |
| 32 </td> |
| 33 <td width="30%"> |
| 34 <label title="You can manually choose the range to plot only part of the log f
ile."> |
| 35 <span class="tooltip">Range</span>: |
| 36 </label> |
| 37 <input type="text" id="range_start" class="range"/> |
| 38 <label>to</label> |
| 39 <input type="text" id="range_end" class="range"/> |
| 40 </td> |
| 41 |
| 42 <td width="30%"> |
| 43 <label title="We model profiling overhead by accounting a constant execution d
elay to each log entry. Adjust to better suit your computer's performance."> |
| 44 <span class="tooltip">Delay per log entry</span>: |
| 45 </label> |
| 46 <input type="text" id="distortion" class="range" value="4500"/> |
| 47 <label>picoseconds</label> |
| 48 </td> |
| 49 </tr> |
| 50 </table> |
| 51 |
| 52 <br/> |
| 53 <textarea class="log" id="log" rows="8" disabled=true></textarea> |
| 54 |
| 55 <script src="profviz.js"></script> |
| 56 |
| 57 <div class="text"> |
| 58 <h1>Instructions</h1> |
| 59 <ol> |
| 60 <li>Run V8 with <span class="tt">--prof --log-timer-events</span>, or alternat
ively,<br/> |
| 61 Chrome with <span class="tt">--no-sandbox --js-flags="--prof --noprof-lazy --log
-timer-events"</span> to produce <span class="tt">v8.log</span>.</li> |
| 62 <li>Open <span class="tt">v8.log</span> on this page. Don't worry, it won't be
uploaded anywhere.</li> |
| 63 <li>Click "Start plot" to starts number crunching. This will take a while.</li
> |
| 64 </ol> |
| 65 </div> |
| 66 |
| 67 <div class="text"> |
| 68 <h1>Credits</h1> |
| 69 <ul> |
| 70 <li>Christian Huettig for the <a href="http://gnuplot.respawned.com/">Javascri
pt port</a> of Gnuplot 4.6.3.</li> |
| 71 <li>The <a href="https://github.com/kripken/emscripten">Emscripten compiler</a
> that made the port possible.</li> |
| 72 <li>The <a href="http://www.gnuplot.info/">Gnuplot project</a>.</li> |
| 73 <li>The <a href="https://developers.google.com/v8/">V8 project</a>.</li> |
| 74 </ul> |
| 75 </div> |
| 76 </body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 17592002:
Add v8.log visualizer page. (Closed)
Base URL: https://v8.googlecode.com/svn/branches/bleeding_edge