home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / chrome.dll / 0 / BINDATA / 750 < prev    next >
Encoding:
Text File  |  2013-04-03  |  16.6 KB  |  653 lines
  1. <!DOCTYPE HTML>
  2.  
  3. <!--
  4. about:memory template page
  5. -->
  6. <html id="t">
  7. <head>
  8.   <title>About Memory</title>
  9.   <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  10.  * Use of this source code is governed by a BSD-style license that can be
  11.  * found in the LICENSE file. */
  12.  
  13. body {
  14.   font-size: 84%;
  15.   margin: 0;
  16.   min-width: 45em;
  17.   padding: 0.75em;
  18. }
  19.  
  20. h1 {
  21.   color: rgb(74, 142, 230);
  22.   font-size: 110%;
  23.   font-weight: bold;
  24.   letter-spacing: -1px;
  25.   margin: 0;
  26.   padding: 0;
  27. }
  28.  
  29. h2 {
  30.   border-top: 1px solid rgb(58, 117, 189);
  31.   color: rgb(58, 117, 189);
  32.   font-size: 110%;
  33.   font-weight: normal;
  34.   letter-spacing: -1px;
  35.   margin: 0;
  36.   margin-left: -38px;
  37.   padding: 0.5em 1em 0.5em 38px;
  38. }
  39.  
  40. h2:first-child {
  41.   border-top: 0;
  42.   padding-top: 0;
  43. }
  44.  
  45. span.th {
  46.   padding-left: 0.35em;
  47. }
  48.  
  49. a {
  50.   color: black;
  51. }
  52.  
  53. div#header {
  54.   background: rgb(82, 150, 222);
  55.   background-size: 100%;
  56.   border: 1px solid rgb(58, 117, 189);
  57.   border-radius: 6px;
  58.   color: white;
  59.   margin-bottom: 0.75em;
  60.   overflow: hidden;
  61.   padding: 0.6em 1em 0.75em 0;
  62.   position: relative;
  63.   text-shadow: 0 0 2px black;
  64. }
  65.  
  66. div#header h1 {
  67.   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAYAAAACsSQRAAABJ0lEQVQ4jY2TsQ4BQRRFt1D4AoWKSsVX+AOVTucHaFRUfACVagsqlUajUVFoFBQUEhKbIFkhUWjGfcmd5GXCUJxs9r07d97c2Q2MMYEiCzpgAxpObwSOoA6Suhc4wiWIKRZC0AVjcAEH1gc+kxmFe7Dl88jagTWh7zNpgkiJ12DB49naDpR9JrLrmYuHIA9SJFQTzl2TDKjwnDEnqTnmlqE6nhypaE3E9QkenGLFnT+ZpFXAEfUtaUxpcGFj416hIqWmFaMTaNsR78pk/4eJNRKaNpMGG1ealb+YSA4vaifU5VyRNipx5ySfPWZ3Z25fr7irxo15nSsGaGgi9arPZK6EMQN/KqR2Mz++WH3dskB+g6V6t0x9JgFDjiiUPBJkwink1yjoNW85929gWgEhhwAAAABJRU5ErkJggg==') 12px 60% no-repeat;
  68.   color: white;
  69.   display: inline;
  70.   margin: 0;
  71.   padding-left: 37px;
  72. }
  73.  
  74. div#header p {
  75.   color: white;
  76.   display: inline;
  77.   font-size: 84%;
  78.   font-style: italic;
  79.   margin: 0;
  80.   padding: 0;
  81.   padding-left: 0.4em;
  82. }
  83.  
  84. div#header div.navigation {
  85.   font-size: 92%;
  86.   line-height: 3.5em;
  87.   position: absolute;
  88.   right: 1em;
  89.   top: 0;
  90. }
  91.  
  92. div#header select {
  93.   border: 1px solid rgb(58, 117, 189);
  94.   color: rgb(49, 93, 148);
  95.   font-size: 100%;
  96.   line-height: 140%;
  97. }
  98.  
  99. div#header select option {
  100.   padding: 0 0.2em;
  101. }
  102.  
  103. div#sidebar {
  104.   border-right: 1px solid #cfcfcf;
  105.   display: none;
  106.   float: left;
  107.   margin-left: 26px;
  108.   min-height: 20em;
  109.   padding: 0.75em;
  110.   padding-top: 0;
  111.   width: 45em;
  112. }
  113.  
  114. div#content {
  115.   margin-left: 0;
  116. }
  117.  
  118. hr {
  119.   display: inline;
  120.   padding: 0 0.5em;
  121.   visibility: hidden;
  122. }
  123.  
  124. .k {
  125.   font-weight: normal;
  126.   opacity: 0.4;
  127.   padding-left: 0.1em;
  128. }
  129.  
  130. .legend {
  131.   color: #7f7f7f;
  132.   font-size: 84%;
  133.   line-height: 140%;
  134.   margin-top: 2em;
  135.   padding: 0.4em 0 0;
  136.   text-align: right;
  137. }
  138.  
  139. .legend h3 {
  140.   color: black;
  141.   display: inline;
  142.   font-size: 100%;
  143.   font-weight: normal;
  144.   margin: 0;
  145.   padding: 0 0.5em 0 0;
  146. }
  147.  
  148. .legend .swatch {
  149.   display: inline-block;
  150.   height: 0.9em;
  151.   margin-right: 0.2em;
  152.   opacity: 0.66;
  153.   padding: 0 0.5em;
  154. }
  155.  
  156. table.list {
  157.   border-collapse: collapse;
  158.   font-size: 84%;
  159.   line-height: 200%;
  160.   table-layout: fixed;
  161.   width: 100%;
  162. }
  163.  
  164. table.list:not([class*='filtered']) tr:nth-child(odd) td {
  165.   background: rgb(239, 243, 255);
  166. }
  167.  
  168. .hidden {
  169.   display: none;
  170. }
  171.  
  172. table.list th {
  173.   color: black;
  174.   font-weight: bold;
  175.   padding: 0 0.5em;
  176.   vertical-align: top;
  177.   white-space: nowrap;
  178. }
  179.  
  180. table.list .firstRow th {
  181.   line-height: 100%;
  182.   text-align: left;
  183. }
  184.  
  185. table.list .secondRow * {
  186.   border-bottom: 1px solid rgb(181, 198, 222);
  187.   text-align: left;
  188. }
  189.  
  190. table.list td {
  191.   line-height: 1.4em;
  192.   padding: 0.35em 0.5em 0;
  193.   vertical-align: top;
  194. }
  195.  
  196. table.list tr td:nth-last-child(1),
  197. table.list tr th:nth-last-child(1) {
  198.   padding-right: 1em;
  199. }
  200.  
  201. table.list:not([class*='filtered']) .tab .name {
  202.   padding-left: 1.5em;
  203. }
  204.  
  205. table.list .name {
  206.   width: 100%;
  207. }
  208.  
  209. table.list .name div {
  210.   height: 1.6em;
  211.   overflow: hidden;
  212.   text-overflow: ellipsis;
  213.   white-space: nowrap;
  214. }
  215.  
  216. table.list .pid {
  217.   text-align: right;
  218.   width: 4em;
  219. }
  220.  
  221. table.list .pid .th {
  222.   padding: 0;
  223. }
  224.  
  225. table.list .type {
  226.   width: 5em;
  227. }
  228.  
  229. table.list .number {
  230.   text-align: right;
  231.   width: 7em;
  232. }
  233.  
  234. table.list .total {
  235.   font-weight: bold;
  236. }
  237.  
  238. table.list .total .name {
  239.   color: rgb(49, 93, 148);
  240.   text-align: right;
  241. }
  242.  
  243. table.list .total td {
  244.   background: white !important;
  245.   border-top: 1px solid rgb(181, 198, 222);
  246. }
  247.  
  248. table.list .noResults {
  249.   display: none;
  250. }
  251.  
  252. table.list.noResults .noResults {
  253.   display: table-row;
  254. }
  255.  
  256. table.list .noResults td {
  257.   color: #3f3f3f;
  258.   padding: 3em 0;
  259.   text-align: center;
  260. }
  261.  
  262. table.list#browserComparison .name {
  263.   background-position: 5px center;
  264.   background-repeat: no-repeat;
  265.   padding-left: 25px;
  266. }
  267.  
  268. div.help {
  269.   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAA20lEQVQoz3VSvQrCMBjM47mLiK/g7iCCPw/gptJdJ7G1zg5uTjoI4uIoCLopWltpe/YCKV9KDVwIX+5y308UAEXcnym8fYyOF6E+CTR4Zox3hqe30zXBYBWhMnyXopsJydECqiXZ2XxxuCRYHxM0p2EeJ4dcRUsTbM1DvELoy9k2xu2RWk7kKuYpBcaNr3NJAbmKxRVzJplOS+FOkFsq2J4TjWJcC2RK0rrhfErjVtEG7JLskFV0sa2m+OrITjVvqxlcz/8/uL4vBie/hptZtt0ItXGgwfNiZ3+NH4NbuVPjR6BmAAAAAElFTkSuQmCC') center bottom no-repeat;
  270.   display: inline-block;
  271.   height: 14px;
  272.   margin: -1px 0;
  273.   opacity: 0.33;
  274.   width: 14px;
  275. }
  276.  
  277. div.help:hover {
  278.   opacity: 1;
  279. }
  280.  
  281. div.help div {
  282.   display: none;
  283. }
  284.  
  285. #helpTooltip {
  286.   background: rgb(214, 232, 255);
  287.   border: 1px solid rgb(168, 207, 255);
  288.   border-radius: 0;
  289.   box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.33);
  290.   font-size: 92%;
  291.   line-height: 140%;
  292.   max-width: 30em;
  293.   padding: 0.3em 0.8em;
  294.   position: absolute;
  295.   z-index: 1000;
  296. }
  297.  
  298. #helpTooltip p {
  299.   margin: 0.6em 0;
  300. }
  301.  
  302. div.otherbrowsers {
  303.   font-size: 84%;
  304.   text-align: center;
  305.   width: 100%;
  306. }
  307. </style>
  308. <style>
  309. body {
  310.   font-family: Helvetica, Arial, sans-serif;
  311. }
  312. div#header select {
  313.   font-family: Helvetica, Arial, sans-serif;
  314. }
  315. div.otherbrowsers {
  316.   font-family: Helvetica, Arial, sans-serif;
  317. }
  318. table.list#browserComparison tr:not([class*='firstRow']) > *:nth-child(1),
  319. table.list#browserComparison tr:not([class*='firstRow']) > *:nth-child(4),
  320. table.list#browserComparison tr.firstRow th:nth-child(1),
  321. table.list#browserComparison tr.firstRow th:nth-child(2) {
  322.   border-right: 1px solid #b5c6de;
  323. }
  324. table.list#memoryDetails tr:not([class*='firstRow']) > *:nth-child(2),
  325. table.list#memoryDetails tr:not([class*='firstRow']) > *:nth-child(5),
  326. table.list#memoryDetails tr.firstRow th:nth-child(2),
  327. table.list#memoryDetails tr.firstRow th:nth-child(3) {
  328.   border-right: 1px solid #b5c6de;
  329. }
  330. </style>
  331. <script src="chrome://memory-redirect/memory.js"></script>
  332. <script src="chrome://memory-redirect/strings.js"></script>
  333. </head>
  334. <body>
  335.     <div id='header'>
  336.       <h1>
  337.         About memory
  338.       </h1>
  339.       <p>
  340.         Measuring memory usage in a multi-process browser
  341.       </p>
  342.     </div>
  343.  
  344.     <div id='content'>
  345.       <h2>
  346.         Summary
  347.         <div class='help'>
  348.           <div>
  349.             <p>
  350.               Summary of memory used by currently active browsers. For browsers
  351.               which use multiple processes, memory reflects aggregate memory
  352.               used across all browser processes.
  353.             </p>
  354.             <p>
  355.               For <span jscontent="current_browser_name"></span>, processes used
  356.               to to display diagnostics information (such as this
  357.               "about:memory") are excluded.
  358.             </p>
  359.           </div>
  360.         </div>
  361.       </h2>
  362.  
  363.       <table class='list' id='browserComparison'>
  364.         <colgroup>
  365.           <col class='name'>
  366.           <col class='number'>
  367.           <col class='number'>
  368.           <col class='number'>
  369.           <col class='number'>
  370.           <col class='number'>
  371.         </colgroup>
  372.         <tr class='firstRow doNotFilter'>
  373.           <th>
  374.           </th>
  375.           <th colspan='3'>
  376.             Memory
  377.             <div class='help'>
  378.               <div>
  379.                 <p>
  380.                   <strong>Memory</strong>
  381.                 </p>
  382.                 <p>
  383.                   <strong>Private:</strong>
  384.                   Resident memory size that is not shared with any other
  385.                   process.  This is the best indicator of browser memory
  386.                   resource usage.
  387.                 </p>
  388.                 <p>
  389.                   <strong>Shared:</strong>
  390.                   Resident memory size that is currently shared with 2 or more
  391.                   processes.  Note: For browsers using multiple processes, if we
  392.                   simply added the shared memory of each individual process,
  393.                   this value would be inflated. Therefore, this value is
  394.                   computed as an approximate value for shared memory in each of
  395.                   the browser's processes. Note also that shared memory varies
  396.                   depending on what other processes are running on the system,
  397.                   and may be difficult to measure reproducibly.
  398.                 </p>
  399.                 <p>
  400.                   <strong>Total:</strong>
  401.                   The sum of the private + shared resident memory sizes.
  402.                 </p>
  403.               </div>
  404.             </div>
  405.           </th>
  406.           <th colspan='2'>
  407.             Virtual memory
  408.             <div class='help'>
  409.               <div>
  410.                 <p>
  411.                   <strong>Virtual memory</strong>
  412.                 </p>
  413.                 <p>
  414.                   <strong>Private:</strong>
  415.                   The resident and paged bytes committed for use by only this
  416.                   process.
  417.                 </p>
  418.                 <p>
  419.                   <strong>Mapped:</strong>
  420.                   Total bytes allocated by this process that are mapped into the
  421.                   view of a section, backed by either system pagefile or file
  422.                   system. This is primarily memory-mapped files.
  423.                 </p>
  424.               </div>
  425.             </div>
  426.           </th>
  427.         </tr>
  428.         <tr class='secondRow doNotFilter'>
  429.           <th class='name'>
  430.             Browser
  431.           </th>
  432.           <th class='name'>
  433.             Private
  434.           </th>
  435.           <th class='number'>
  436.             Shared
  437.           </th>
  438.           <th class='number'>
  439.             Total
  440.           </th>
  441.           <th class='number'>
  442.             Private
  443.           </th>
  444.           <th class='number'>
  445.             Mapped
  446.           </th>
  447.         </tr>
  448.         <tr jsselect="browsers">
  449.           <td class='name'>
  450.             <div>
  451.               <strong jscontent="name"></strong>
  452.               <span jscontent="version"></span>
  453.             </div>
  454.           </td>
  455.           <td class='number'>
  456.             <span class='th'
  457.                 jscontent="formatNumber(ws_priv + ws_shareable - ws_shared)">
  458.             </span><span class='k'>k</span>
  459.           </td>
  460.           <td class='number'>
  461.             <span class='th' jscontent="formatNumber(ws_shared / processes)">
  462.             </span><span class='k'>k</span>
  463.           </td>
  464.           <td class='number'>
  465.             <span class='th'
  466.                 jscontent="formatNumber(ws_priv + ws_shareable - ws_shared +
  467.                 (ws_shared / processes))"></span><span class='k'>k</span>
  468.           </td>
  469.           <td class='number'>
  470.             <span class='th' jscontent="formatNumber(comm_priv)"></span>
  471.             <span class='k'>k</span>
  472.           </td>
  473.           <td class='number'>
  474.             <span class='th' jscontent="formatNumber(comm_map)"></span>
  475.             <span class='k'>k</span>
  476.           </td>
  477.         </tr>
  478.       </table>
  479.       <div class=otherbrowsers jsdisplay="browsers.length == 1">
  480.         Note: If other browsers (e.g. IE, Firefox, Safari) are running,
  481.         I'll show their memory details here.
  482.       </div>
  483.  
  484.       <br><br><br>
  485.  
  486.       <h2>
  487.         Processes
  488.         <div class='help'>
  489.           <div>
  490.             <p>
  491.               Details of memory usage for each of
  492.               <span jscontent="current_browser_name"></span>'s processes.
  493.             </p>
  494.           </div>
  495.         </div>
  496.       </h2>
  497.  
  498.       <table class='list' id='memoryDetails'>
  499.         <colgroup>
  500.           <col class='pid'>
  501.           <col class='name'>
  502.           <col class='number'>
  503.           <col class='number'>
  504.           <col class='number'>
  505.           <col class='number'>
  506.           <col class='number'>
  507.         </colgroup>
  508.         <tr class='firstRow doNotFilter'>
  509.           <th>
  510.           </th>
  511.           <th>
  512.           </th>
  513.           <th colspan='3'>
  514.             Memory
  515.           </th>
  516.           <th colspan='2'>
  517.             Virtual memory
  518.           </th>
  519.  
  520.         </tr>
  521.         <tr class='secondRow doNotFilter'>
  522.           <th class='pid'>
  523.             PID
  524.           </th>
  525.           <th class='name'>
  526.             Name
  527.           </th>
  528.           <th class='number'>
  529.             Private
  530.           </th>
  531.           <th class='number'>
  532.             Shared
  533.           </th>
  534.           <th class='number'>
  535.             Total
  536.           </th>
  537.           <th class='number'>
  538.             Private
  539.           </th>
  540.           <th class='number'>
  541.             Mapped
  542.           </th>
  543.         </tr>
  544.  
  545.         <tr jsselect="browzr_data">
  546.           <td class='pid'>
  547.             <span class='th' jscontent="pid"></span>
  548.           </td>
  549.           <td class='name'>
  550.             <div>
  551.               Browser
  552.             </div>
  553.           </td>
  554.           <td class='number'>
  555.             <span class='th' jseval="addToSum('tot_ws_priv', $this.ws_priv +
  556.                 $this.ws_shareable - $this.ws_shared)" jscontent="ws_priv +
  557.             ws_shareable - ws_shared"></span><span class='k'>k</span>
  558.           </td>
  559.           <td class='number'>
  560.             <span class='th' jscontent="ws_shared"></span>
  561.             <span class='k'>k</span>
  562.           </td>
  563.           <td class='number'>
  564.             <span class='th' jseval="addToSum('tot_ws_tot', $this.ws_priv +
  565.                 $this.ws_shareable)" jscontent="ws_priv +
  566.             ws_shareable"></span><span class='k'>k</span>
  567.           </td>
  568.           <td class='number'>
  569.             <span class='th' jseval="addToSum('tot_comm_priv', $this.comm_priv)"
  570.                 jscontent="comm_priv"></span><span class='k'>k</span>
  571.           </td>
  572.           <td class='number'>
  573.             <span class='th' jseval="addToSum('tot_comm_map', $this.comm_map)"
  574.                 jscontent="comm_map"></span><span class='k'>k</span>
  575.           </td>
  576.         </tr>
  577.         <tr jsselect="child_data">
  578.           <td class='pid'>
  579.             <span class='th' jscontent="pid"></span>
  580.           </td>
  581.           <td class='name'>
  582.             <div jscontent="child_name"></div>
  583.             <div jsselect="titles">
  584.               <span jscontent="$this"></span><br>
  585.             </div>
  586.           </td>
  587.           <td class='number'>
  588.             <span class='th' jseval="addToSum('tot_ws_priv', $this.ws_priv +
  589.                 $this.ws_shareable - $this.ws_shared)" jscontent="ws_priv +
  590.             ws_shareable - ws_shared"></span><span class='k'>k</span>
  591.           </td>
  592.           <td class='number'>
  593.             <span class='th' jscontent="ws_shared"></span><span
  594.                 class='k'>k</span>
  595.           </td>
  596.           <td class='number'>
  597.             <span class='th' jseval="addToSum('tot_ws_tot', $this.ws_priv +
  598.                 $this.ws_shareable)" jscontent="ws_priv +
  599.             ws_shareable"></span><span class='k'>k</span>
  600.           </td>
  601.           <td class='number'>
  602.             <span class='th' jseval="addToSum('tot_comm_priv', $this.comm_priv)"
  603.                 jscontent="comm_priv"></span><span class='k'>k</span>
  604.           </td>
  605.           <td class='number'>
  606.             <span class='th' jseval="addToSum('tot_comm_map', $this.comm_map)"
  607.                 jscontent="comm_map"></span><span class='k'>k</span>
  608.           </td>
  609.         </tr>
  610.         <tr class='total doNotFilter'>
  611.           <td class='pid'>
  612.           </td>
  613.           <td class='name'>
  614.             Σ
  615.           </td>
  616.           <td class='number'>
  617.             <span class='th' id="tot_ws_priv">0</span><span class='k'>k</span>
  618.           </td>
  619.           <td class='number'>
  620.           </td>
  621.           <td class='number'>
  622.             <span class='th' id="tot_ws_tot">0</span><span class='k'>k</span>
  623.           </td>
  624.           <td class='number'>
  625.             <span class='th' id="tot_comm_priv">0</span><span class='k'>k</span>
  626.           </td>
  627.           <td class='number'>
  628.             <div class='help'>
  629.               <div>
  630.                 <p>
  631.                   This is an approximation. Conceptually, this is the total
  632.                   amount of in-memory pages for the entire logical
  633.                   <span jscontent="current_browser_name"></span> application,
  634.                   without double counting shared pages (e.g.  mapped DLLs,
  635.                   SharedMemory bitmaps, etc.) across the browser and renderers.
  636.                 </p>
  637.               </div>
  638.             </div>
  639.             <span class='th' id="tot_comm_map">0</span><span class='k'>k</span>
  640.           </td>
  641.         </tr>
  642.  
  643.         <tr class='noResults'>
  644.           <td colspan='99'>
  645.             No results found.
  646.           </td>
  647.         </tr>
  648.       </table>
  649.     </div>
  650.     <script src="chrome://resources/js/jstemplate_compiled.js"></script>
  651. </body>
  652. </html>
  653.