Home | History | Annotate | Download | only in resources
      1 <!DOCTYPE HTML>
      2 
      3 <!--
      4 about:memory template page
      5 -->
      6 <html id="t">
      7 <head>
      8   <meta charset="utf-8">
      9   <title>About Memory</title>
     10 <if expr="is_android">
     11   <meta name="viewport" content="width=device-width">
     12 </if>
     13   <link rel="stylesheet" href="chrome://memory-redirect/about_memory.css">
     14   <link rel="stylesheet" href="about_memory_linux.css">
     15   <script src="chrome://resources/js/load_time_data.js"></script>
     16   <script src="chrome://memory-redirect/memory.js"></script>
     17   <script src="chrome://memory-redirect/strings.js"></script>
     18 </head>
     19 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
     20     <div id="header">
     21       <h1>
     22         About memory
     23       </h1>
     24       <p>
     25         Measuring memory usage in a multi-process browser
     26       </p>
     27     </div>
     28 
     29     <div id="content">
     30       <h2>
     31         Summary
     32         <div class="help">
     33           <div>
     34             <p class="summary-desc" i18n-values=".innerHTML:summary_desc"></p>
     35           </div>
     36         </div>
     37       </h2>
     38 
     39       <table class="list" id="browserComparison">
     40         <colgroup>
     41           <col class="name">
     42           <col class="number">
     43           <col class="number">
     44         </colgroup>
     45         <tr class="firstRow doNotFilter">
     46           <th>
     47           </th>
     48           <th colspan="2">
     49             Memory
     50             <div class="help">
     51               <div>
     52                 <p>
     53                   <strong>Memory</strong>
     54                 </p>
     55                 <p>
     56                   <strong>Private:</strong>
     57                   Resident memory size that is not shared with any other process.
     58                   This is the best indicator of browser memory resource usage.
     59                 </p>
     60                 <p>
     61                   <strong>Proportional:</strong>
     62                   Accounts for each page of memory as a fraction based on the number of
     63                   processes that have it mapped. Thus, for each page of memory mapped by two
     64                   processes, this sum will count half of the bytes towards each.
     65                   Therefore, this number is greater than the private count.
     66                 </p>
     67 
     68                 <p><i>(Note that the memory for this tab is not included in the browser totals)</i></p>
     69               </div>
     70             </div>
     71           </th>
     72         </tr>
     73         <tr class="secondRow doNotFilter">
     74           <th class="name">
     75             Browser
     76           </th>
     77           <th class="name">
     78             Private
     79           </th>
     80           <th class="number">
     81             Proportional
     82           </th>
     83         </tr>
     84         <tr jsselect="browsers">
     85           <td class="name">
     86             <div>
     87               <strong jscontent="name"></strong> <span jscontent="version"></span>
     88             </div>
     89           </td>
     90           <td class="number">
     91             <span class="th" jscontent="formatNumber(ws_priv)"></span><span class="k">k</span>
     92           </td>
     93           <td class="number">
     94             <span class="th" jscontent="formatNumber(ws_shared)"></span><span class="k">k</span>
     95           </td>
     96         </tr>
     97       </table>
     98       <div class="otherbrowsers"
     99            jsdisplay="show_other_browsers && browsers.length == 1">
    100         Note: This page will show memory use for all running browsers,
    101         not just Chrome.
    102       </div>
    103       <div class="otherbrowsers"
    104            jsdisplay="show_other_browsers && browsers.length > 1">
    105         Note: Chrome includes memory used by plug-ins, other browsers may not.
    106       </div>
    107 
    108       <br><br><br>
    109 
    110       <h2>
    111         Processes
    112         <div class="help">
    113           <div>
    114             <p>
    115                 Details of memory usage for each of Chromium's processes.
    116             </p>
    117           </div>
    118         </div>
    119       </h2>
    120 
    121       <table class="list" id="memoryDetails">
    122         <colgroup>
    123           <col class="pid">
    124           <col class="name" >
    125           <col class="number">
    126           <col class="number">
    127         </colgroup>
    128         <tr class="firstRow doNotFilter">
    129           <th>
    130           </th>
    131           <th>
    132           </th>
    133           <th colspan="2">
    134             Memory
    135           </th>
    136         </tr>
    137         <tr class="secondRow doNotFilter">
    138           <th class="pid">
    139             PID
    140           </th>
    141           <th class="name">
    142             Name
    143           </th>
    144           <th class="number">
    145             Private
    146           </th>
    147           <th class="number">
    148             Proportional
    149           </th>
    150         </tr>
    151 
    152         <tr jsselect="browzr_data">
    153           <td class="pid">
    154             <span class="th" jscontent="pid"></span>
    155           </td>
    156           <td class="name">
    157             <div>
    158               Browser
    159             </div>
    160           </td>
    161           <td class="number">
    162             <span class="th" jseval="addToSum('tot_ws_priv', $this.ws_priv)" jscontent="formatNumber(ws_priv)"></span><span class="k">k</span>
    163           </td>
    164           <td class="number">
    165             <span class="th" jscontent="formatNumber(ws_shared)"></span><span class="k">k</span>
    166           </td>
    167         </tr>
    168         <tr jsselect="child_data">
    169           <td class="pid">
    170             <span class="th" jscontent="pid"></span>
    171           </td>
    172           <td class="name">
    173             <div jscontent="child_name"></div>
    174             <div jsselect="titles">
    175               <span jscontent="$this"></span><br>
    176             </div>
    177           </td>
    178           <td class="number">
    179             <span class="th" jseval="addToSum('tot_ws_priv', $this.ws_priv)" jscontent="formatNumber(ws_priv)"></span><span class="k">k</span>
    180           </td>
    181           <td class="number">
    182             <span class="th" jscontent="formatNumber(ws_shared)"></span><span class="k">k</span>
    183           </td>
    184         </tr>
    185         <tr class="total doNotFilter">
    186           <td class="pid">
    187           </td>
    188           <td class="name">
    189             &Sigma;
    190           </td>
    191           <td class="number">
    192             <span class="th" id="tot_ws_priv">0</span><span class="k">k</span>
    193           </td>
    194           <td class="number">
    195           </td>
    196         </tr>
    197 
    198         <tr class="noResults">
    199           <td colspan="99">
    200             No results found.
    201           </td>
    202         </tr>
    203       </table>
    204 
    205       <div class="otherbrowsers">(The memory usage of our renderer processes is slightly less accurate when they are sandboxed.)</div>
    206 
    207     </div>
    208     <script src="chrome://resources/js/i18n_template2.js"></script>
    209     <script src="chrome://resources/js/jstemplate_compiled.js"></script>
    210 </body>
    211 </html>
    212