chrome/browser/resources/about_memory.html

   1 <!DOCTYPE HTML>
   2
   3 <!--
   4 about:memory template page
   5 -->
   6 <html id="t">
   7 <head>
   8   <title>About Memory</title>
   9   <link rel="stylesheet" href="chrome://memory-redirect/about_memory.css">
  10 <style>
  11 body {
  12   font-family: Helvetica, Arial, sans-serif;
  13 }
  14 div#header select {
  15   font-family: Helvetica, Arial, sans-serif;
  16 }
  17 div.otherbrowsers {
  18   font-family: Helvetica, Arial, sans-serif;
  19 }
  20 table.list#browserComparison tr:not([class*='firstRow']) > *:nth-child(1),
  21 table.list#browserComparison tr:not([class*='firstRow']) > *:nth-child(4),
  22 table.list#browserComparison tr.firstRow th:nth-child(1),
  23 table.list#browserComparison tr.firstRow th:nth-child(2) {
  24   border-right: 1px solid #b5c6de;
  25 }
  26 table.list#memoryDetails tr:not([class*='firstRow']) > *:nth-child(2),
  27 table.list#memoryDetails tr:not([class*='firstRow']) > *:nth-child(5),
  28 table.list#memoryDetails tr.firstRow th:nth-child(2),
  29 table.list#memoryDetails tr.firstRow th:nth-child(3) {
  30   border-right: 1px solid #b5c6de;
  31 }
  32 </style>
  33 <script src="chrome://resources/js/load_time_data.js"></script>
  34 <script src="chrome://memory-redirect/memory.js"></script>
  35 <script src="chrome://memory-redirect/strings.js"></script>
  36 </head>
  37 <body>
  38     <div id="header">
  39       <h1>
  40         About memory
  41       </h1>
  42       <p>
  43         Measuring memory usage in a multi-process browser
  44       </p>
  45     </div>
  46
  47     <div id="content">
  48       <h2>
  49         Summary
  50         <div class="help">
  51           <div>
  52             <p>
  53               Summary of memory used by currently active browsers. For browsers
  54               which use multiple processes, memory reflects aggregate memory
  55               used across all browser processes.
  56             </p>
  57             <p>
  58               For <span jscontent="current_browser_name"></span>, processes used
  59               to to display diagnostics information (such as this
  60               "about:memory") are excluded.
  61             </p>
  62           </div>
  63         </div>
  64       </h2>
  65
  66       <table class="list" id="browserComparison">
  67         <colgroup>
  68           <col class="name">
  69           <col class="number">
  70           <col class="number">
  71           <col class="number">
  72           <col class="number">
  73           <col class="number">
  74         </colgroup>
  75         <tr class="firstRow doNotFilter">
  76           <th>
  77           </th>
  78           <th colspan="3">
  79             Memory
  80             <div class="help">
  81               <div>
  82                 <p>
  83                   <strong>Memory</strong>
  84                 </p>
  85                 <p>
  86                   <strong>Private:</strong>
  87                   Resident memory size that is not shared with any other
  88                   process.  This is the best indicator of browser memory
  89                   resource usage.
  90                 </p>
  91                 <p>
  92                   <strong>Shared:</strong>
  93                   Resident memory size that is currently shared with 2 or more
  94                   processes.  Note: For browsers using multiple processes, if we
  95                   simply added the shared memory of each individual process,
  96                   this value would be inflated. Therefore, this value is
  97                   computed as an approximate value for shared memory in each of
  98                   the browser's processes. Note also that shared memory varies
  99                   depending on what other processes are running on the system,
 100                   and may be difficult to measure reproducibly.
 101                 </p>
 102                 <p>
 103                   <strong>Total:</strong>
 104                   The sum of the private + shared resident memory sizes.
 105                 </p>
 106               </div>
 107             </div>
 108           </th>
 109           <th colspan="2">
 110             Virtual memory
 111             <div class="help">
 112               <div>
 113                 <p>
 114                   <strong>Virtual memory</strong>
 115                 </p>
 116                 <p>
 117                   <strong>Private:</strong>
 118                   The resident and paged bytes committed for use by only this
 119                   process.
 120                 </p>
 121                 <p>
 122                   <strong>Mapped:</strong>
 123                   Total bytes allocated by this process that are mapped into the
 124                   view of a section, backed by either system pagefile or file
 125                   system. This is primarily memory-mapped files.
 126                 </p>
 127               </div>
 128             </div>
 129           </th>
 130         </tr>
 131         <tr class="secondRow doNotFilter">
 132           <th class="name">
 133             Browser
 134           </th>
 135           <th class="name">
 136             Private
 137           </th>
 138           <th class="number">
 139             Shared
 140           </th>
 141           <th class="number">
 142             Total
 143           </th>
 144           <th class="number">
 145             Private
 146           </th>
 147           <th class="number">
 148             Mapped
 149           </th>
 150         </tr>
 151         <tr jsselect="browsers">
 152           <td class="name">
 153             <div>
 154               <strong jscontent="name"></strong>
 155               <span jscontent="version"></span>
 156             </div>
 157           </td>
 158           <td class="number">
 159             <span class="th"
 160                 jscontent="formatNumber(ws_priv + ws_shareable - ws_shared)">
 161             </span><span class="k">k</span>
 162           </td>
 163           <td class="number">
 164             <span class="th" jscontent="formatNumber(ws_shared / processes)">
 165             </span><span class="k">k</span>
 166           </td>
 167           <td class="number">
 168             <span class="th"
 169                 jscontent="formatNumber(ws_priv + ws_shareable - ws_shared +
 170                 (ws_shared / processes))"></span><span class="k">k</span>
 171           </td>
 172           <td class="number">
 173             <span class="th" jscontent="formatNumber(comm_priv)"></span>
 174             <span class="k">k</span>
 175           </td>
 176           <td class="number">
 177             <span class="th" jscontent="formatNumber(comm_map)"></span>
 178             <span class="k">k</span>
 179           </td>
 180         </tr>
 181       </table>
 182       <div class="otherbrowsers" jsdisplay="browsers.length == 1">
 183         Note: This page will show memory use for all running browsers,
 184         not just Chrome.
 185       </div>
 186       <div class="otherbrowsers" jsdisplay="browsers.length > 1">
 187         Note: Chrome includes memory used by plug-ins, other browsers may not.
 188       </div>
 189
 190       <br><br><br>
 191
 192       <h2>
 193         Processes
 194         <div class="help">
 195           <div>
 196             <p>
 197               Details of memory usage for each of
 198               <span jscontent="current_browser_name"></span>'s processes.
 199             </p>
 200           </div>
 201         </div>
 202       </h2>
 203
 204       <table class="list" id="memoryDetails">
 205         <colgroup>
 206           <col class="pid">
 207           <col class="name">
 208           <col class="number">
 209           <col class="number">
 210           <col class="number">
 211           <col class="number">
 212           <col class="number">
 213         </colgroup>
 214         <tr class="firstRow doNotFilter">
 215           <th>
 216           </th>
 217           <th>
 218           </th>
 219           <th colspan="3">
 220             Memory
 221           </th>
 222           <th colspan="2">
 223             Virtual memory
 224           </th>
 225
 226         </tr>
 227         <tr class="secondRow doNotFilter">
 228           <th class="pid">
 229             PID
 230           </th>
 231           <th class="name">
 232             Name
 233           </th>
 234           <th class="number">
 235             Private
 236           </th>
 237           <th class="number">
 238             Shared
 239           </th>
 240           <th class="number">
 241             Total
 242           </th>
 243           <th class="number">
 244             Private
 245           </th>
 246           <th class="number">
 247             Mapped
 248           </th>
 249         </tr>
 250
 251         <tr jsselect="browzr_data">
 252           <td class="pid">
 253             <span class="th" jscontent="pid"></span>
 254           </td>
 255           <td class="name">
 256             <div>
 257               Browser
 258             </div>
 259           </td>
 260           <td class="number">
 261             <span class="th" jseval="addToSum('tot_ws_priv', $this.ws_priv +
 262                 $this.ws_shareable - $this.ws_shared)" jscontent="ws_priv +
 263             ws_shareable - ws_shared"></span><span class="k">k</span>
 264           </td>
 265           <td class="number">
 266             <span class="th" jscontent="ws_shared"></span>
 267             <span class="k">k</span>
 268           </td>
 269           <td class="number">
 270             <span class="th" jseval="addToSum('tot_ws_tot', $this.ws_priv +
 271                 $this.ws_shareable)" jscontent="ws_priv +
 272             ws_shareable"></span><span class="k">k</span>
 273           </td>
 274           <td class="number">
 275             <span class="th" jseval="addToSum('tot_comm_priv', $this.comm_priv)"
 276                 jscontent="comm_priv"></span><span class="k">k</span>
 277           </td>
 278           <td class="number">
 279             <span class="th" jseval="addToSum('tot_comm_map', $this.comm_map)"
 280                 jscontent="comm_map"></span><span class="k">k</span>
 281           </td>
 282         </tr>
 283         <tr jsselect="child_data">
 284           <td class="pid">
 285             <span class="th" jscontent="pid"></span>
 286           </td>
 287           <td class="name">
 288             <div jscontent="child_name"></div>
 289             <div jsselect="titles">
 290               <span jscontent="$this"></span><br>
 291             </div>
 292           </td>
 293           <td class="number">
 294             <span class="th" jseval="addToSum('tot_ws_priv', $this.ws_priv +
 295                 $this.ws_shareable - $this.ws_shared)" jscontent="ws_priv +
 296             ws_shareable - ws_shared"></span><span class="k">k</span>
 297           </td>
 298           <td class="number">
 299             <span class="th" jscontent="ws_shared"></span><span
 300                 class="k">k</span>
 301           </td>
 302           <td class="number">
 303             <span class="th" jseval="addToSum('tot_ws_tot', $this.ws_priv +
 304                 $this.ws_shareable)" jscontent="ws_priv +
 305             ws_shareable"></span><span class="k">k</span>
 306           </td>
 307           <td class="number">
 308             <span class="th" jseval="addToSum('tot_comm_priv', $this.comm_priv)"
 309                 jscontent="comm_priv"></span><span class="k">k</span>
 310           </td>
 311           <td class="number">
 312             <span class="th" jseval="addToSum('tot_comm_map', $this.comm_map)"
 313                 jscontent="comm_map"></span><span class="k">k</span>
 314           </td>
 315         </tr>
 316         <tr class="total doNotFilter">
 317           <td class="pid">
 318           </td>
 319           <td class="name">
 320             &Sigma;
 321           </td>
 322           <td class="number">
 323             <span class="th" id="tot_ws_priv">0</span><span class="k">k</span>
 324           </td>
 325           <td class="number">
 326           </td>
 327           <td class="number">
 328             <span class="th" id="tot_ws_tot">0</span><span class="k">k</span>
 329           </td>
 330           <td class="number">
 331             <span class="th" id="tot_comm_priv">0</span><span class="k">k</span>
 332           </td>
 333           <td class="number">
 334             <div class="help">
 335               <div>
 336                 <p>
 337                   This is an approximation. Conceptually, this is the total
 338                   amount of in-memory pages for the entire logical
 339                   <span jscontent="current_browser_name"></span> application,
 340                   without double counting shared pages (e.g.  mapped DLLs,
 341                   SharedMemory bitmaps, etc.) across the browser and renderers.
 342                 </p>
 343               </div>
 344             </div>
 345             <span class="th" id="tot_comm_map">0</span><span class="k">k</span>
 346           </td>
 347         </tr>
 348
 349         <tr class="noResults">
 350           <td colspan="99">
 351             No results found.
 352           </td>
 353         </tr>
 354       </table>
 355     </div>
 356     <script src="chrome://resources/js/jstemplate_compiled.js"></script>
 357 </body>
 358 </html>