index.html revision effb81e5f8246d0db0270817048dc992db66e9fb
1<!doctype html> 2<!-- 3 -- Copyright 2014 The Chromium Authors. All rights reserved. 4 -- Use of this source code is governed by a BSD-style license that can be 5 -- found in the LICENSE file. 6 --> 7<html lang="en-us"> 8<head> 9 <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 10 <title>Memory Inspector</title> 11 <link href='//fonts.googleapis.com/css?family=Coda' rel='stylesheet' type='text/css'> 12 <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/flick/jquery-ui.css" rel="stylesheet"> 13 <link href="/css/mmap.css" rel="stylesheet" type="text/css"> 14 <link href="/css/processes.css" rel="stylesheet" type="text/css"> 15 <link href="/css/profiler.css" rel="stylesheet" type="text/css"> 16 <link href="/css/rootUi.css" rel="stylesheet" type="text/css"> 17 <link href="/css/settings.css" rel="stylesheet" type="text/css"> 18 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 19 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 20 <script src="//www.google.com/jsapi"></script> 21 <script type="text/javascript"> 22 google.load('visualization', '1', 23 { packages: ['corechart', 'table', 'orgchart', 'treemap'] }); 24 </script> 25 <script src="/js/devices.js"></script> 26 <script src="/js/mmap.js"></script> 27 <script src="/js/processes.js"></script> 28 <script src="/js/profiler.js"></script> 29 <script src="/js/rootUi.js"></script> 30 <script src="/js/settings.js"></script> 31 <script src="/js/storage.js"></script> 32 <script src="/js/timers.js"></script> 33 <script src="/js/webservice.js"></script> 34</head> 35<body> 36 <div id="wrapper"> 37 <h1>Memory Inspector</h1> 38 <div id="tabs"> 39 <ul> 40 <li><a href="#tabs-ps">Processes</a></li> 41 <li><a href="#tabs-prof">Profiler</a></li> 42 <li><a href="#tabs-mm">Memory maps table</a></li> 43 <li><a href="#tabs-storage">Archived traces</a></li> 44 <li><a href="#tabs-settings">Settings</a></li> 45 </ul> 46 47 <div id="tabs-ps"> 48 <div> 49 Device: 50 <select id="devices"></select> 51 <input type="button" id="refresh-devices" value="⟲"> 52 </div> 53 <div id="device_tabs"> 54 <ul> 55 <li><a href="#device_tabs-osstats">Device stats</a></li> 56 <li><a href="#device_tabs-procstats">Selected process stats</a></li> 57 </ul> 58 <div id="device_tabs-osstats"> 59 <div id="os-mem_chart"></div> 60 <div id="os-cpu_chart"></div> 61 </div> 62 <div id="device_tabs-procstats"> 63 <div id="proc-cpu_chart"></div> 64 <div id="proc-mem_chart"></div> 65 </div> 66 </div> 67 68 <div id="ps-table-wrapper"> 69 <div id="ps-toolbar" class="ui-widget-header ui-corner-all"> 70 <button id="ps-quick_snapshot">Quick snapshot</button> 71 <button id="ps-dump_mmaps">Dump mmaps</button> 72 <button id="ps-full_profile">Full profile</button> 73 <input type="checkbox" id="ps-show_all"> 74 <label for="ps-show_all">Show all processes</label> 75 </div> 76 <div id="ps-table"></div> 77 </div> 78 79 <div id="ps-tracer-dialog" title="Trace process"> 80 <div> 81 <label for="ps-tracer-process">Process</label> 82 <input type="text" id="ps-tracer-process" readonly class="text ui-widget-content"> 83 </div> 84 <div> 85 <label for="ps-tracer-period">Period [s.]</label> 86 <input type="text" id="ps-tracer-period" value="20"> 87 </div> 88 <div> 89 <label for="ps-tracer-snapshots">Num snapshots</label> 90 <input type="text" id="ps-tracer-snapshots" value="1"> 91 </div> 92 </div> 93 </div> 94 95 <div id="tabs-prof"> 96 <header id="prof-options"> 97 <span> 98 Rules: 99 <select id="prof-ruleset"></select> 100 </span> 101 <span> 102 Metric: 103 <select id="prof-metric"></select> 104 </span> 105 <span> 106 Snapshot: 107 <div id="prof-time"></div> 108 T = <span id="prof-time_label">0</span> s. 109 </span> 110 </header> 111 <div id="prof-tree_chart"></div> 112 <div id="prof-time_chart"></div> 113 </div> 114 115 <div id="tabs-mm"> 116 <header> 117 <table id="mm-tools"> 118 <tr> 119 <th colspan="3"> 120 Data filters 121 <input type="button" id="mm-filter-clear" value="⟲"> 122 </th> 123 </tr> 124 <tr> 125 <th>Filter</th> 126 <td>Prot: <input type="text" id="mm-filter-prot"></td> 127 <td>File: <input type="text" id="mm-filter-file"></td> 128 </tr> 129 <tr> 130 <th>Lookup</th> 131 <td>Addr: <input type="text" id="mm-lookup-addr"></td> 132 <td>Offset: <input type="text" id="mm-lookup-offset" readonly=""></td> 133 </tr> 134 </table> 135 <table id="mm-stats"> 136 <tr> 137 <th>Totals</th> 138 <th>Priv Dirty [KB]</th> 139 <th>Priv Clean [KB]</th> 140 <th>Shared Dirty [KB]</th> 141 <th>Shared Clean [KB]</th> 142 </tr> 143 <tr> 144 <th>Shown</th> 145 <td><span id="mm-totals-priv-dirty">0</span></td> 146 <td><span id="mm-totals-priv-clean">0</span></td> 147 <td><span id="mm-totals-shared-dirty">0</span></td> 148 <td><span id="mm-totals-shared-clean">0</span></td> 149 </tr> 150 <tr> 151 <th>Selected</th> 152 <td><span id="mm-selected-priv-dirty">0</span></td> 153 <td><span id="mm-selected-priv-clean">0</span></td> 154 <td><span id="mm-selected-shared-dirty">0</span></td> 155 <td><span id="mm-selected-shared-clean">0</span></td> 156 </tr> 157 </table> 158 </header> 159 <div id="mm-table"></div> 160 </div> 161 162 <div id="tabs-storage"> 163 <div id="storage-toolbar" class="ui-widget-header ui-corner-all"> 164 <label>Group:</label> 165 <button id="storage-profile-mmaps">Profile memory maps</button> 166 <label>Single snapshot:</label> 167 <button id="storage-dump-mmaps">Show memory maps</button> 168 </div> 169 <div id="storage-table"></div> 170 </div> 171 172 <div id="tabs-settings"> 173 <div id="settings-container"> 174 </div> 175 <button id="settings-store">Save settings</button> 176 </div> 177 </div> 178 </div> 179 180 <div id="status_bar"> 181 <div id="status_messages"></div> 182 <div id="progress_bar"><div id="progress_bar-label">Progress...</div></div> 183 </div> 184 185 <div id="js_loading_banner"> 186 Loading JavaScript content. If you see this message something has probably gone wrong. Check JS console. 187 </div> 188 189</body> 190</html>