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