Artifact
fc7754e15aa75c6ce2477a2cfe0614af733865c6fa1ae5d600ed614bfa7de95a:
0000: 2f 2a 2a 0a 20 2a 20 40 61 75 74 68 6f 72 20 6d /**. * @author m
0010: 72 64 6f 6f 62 20 2f 20 68 74 74 70 3a 2f 2f 6d rdoob / http://m
0020: 72 64 6f 6f 62 2e 63 6f 6d 2f 0a 20 2a 20 40 61 rdoob.com/. * @a
0030: 75 74 68 6f 72 20 6a 65 74 69 65 6e 6e 65 20 2f uthor jetienne /
0040: 20 68 74 74 70 3a 2f 2f 6a 65 74 69 65 6e 6e 65 http://jetienne
0050: 2e 63 6f 6d 2f 0a 20 2a 20 40 61 75 74 68 6f 72 .com/. * @author
0060: 20 70 61 75 6c 69 72 69 73 68 20 2f 20 68 74 74 paulirish / htt
0070: 70 3a 2f 2f 70 61 75 6c 69 72 69 73 68 2e 63 6f p://paulirish.co
0080: 6d 2f 0a 20 2a 2f 0a 76 61 72 20 4d 65 6d 6f 72 m/. */.var Memor
0090: 79 53 74 61 74 73 20 3d 20 66 75 6e 63 74 69 6f yStats = functio
00a0: 6e 20 28 29 7b 0a 0a 09 76 61 72 20 6d 73 4d 69 n (){...var msMi
00b0: 6e 09 3d 20 31 30 30 3b 0a 09 76 61 72 20 6d 73 n.= 100;..var ms
00c0: 4d 61 78 09 3d 20 30 3b 0a 0a 09 76 61 72 20 63 Max.= 0;...var c
00d0: 6f 6e 74 61 69 6e 65 72 09 3d 20 64 6f 63 75 6d ontainer.= docum
00e0: 65 6e 74 2e 63 72 65 61 74 65 45 6c 65 6d 65 6e ent.createElemen
00f0: 74 28 20 27 64 69 76 27 20 29 3b 0a 09 63 6f 6e t( 'div' );..con
0100: 74 61 69 6e 65 72 2e 69 64 09 3d 20 27 73 74 61 tainer.id.= 'sta
0110: 74 73 27 3b 0a 09 63 6f 6e 74 61 69 6e 65 72 2e ts';..container.
0120: 73 74 79 6c 65 2e 63 73 73 54 65 78 74 20 3d 20 style.cssText =
0130: 27 77 69 64 74 68 3a 38 30 70 78 3b 6f 70 61 63 'width:80px;opac
0140: 69 74 79 3a 30 2e 39 3b 63 75 72 73 6f 72 3a 70 ity:0.9;cursor:p
0150: 6f 69 6e 74 65 72 27 3b 0a 0a 09 76 61 72 20 6d ointer';...var m
0160: 73 44 69 76 09 3d 20 64 6f 63 75 6d 65 6e 74 2e sDiv.= document.
0170: 63 72 65 61 74 65 45 6c 65 6d 65 6e 74 28 20 27 createElement( '
0180: 64 69 76 27 20 29 3b 0a 09 6d 73 44 69 76 2e 69 div' );..msDiv.i
0190: 64 09 3d 20 27 6d 73 27 3b 0a 09 6d 73 44 69 76 d.= 'ms';..msDiv
01a0: 2e 73 74 79 6c 65 2e 63 73 73 54 65 78 74 20 3d .style.cssText =
01b0: 20 27 70 61 64 64 69 6e 67 3a 30 20 30 20 33 70 'padding:0 0 3p
01c0: 78 20 33 70 78 3b 74 65 78 74 2d 61 6c 69 67 6e x 3px;text-align
01d0: 3a 6c 65 66 74 3b 62 61 63 6b 67 72 6f 75 6e 64 :left;background
01e0: 2d 63 6f 6c 6f 72 3a 23 30 32 30 3b 27 3b 0a 09 -color:#020;';..
01f0: 63 6f 6e 74 61 69 6e 65 72 2e 61 70 70 65 6e 64 container.append
0200: 43 68 69 6c 64 28 20 6d 73 44 69 76 20 29 3b 0a Child( msDiv );.
0210: 0a 09 76 61 72 20 6d 73 54 65 78 74 09 3d 20 64 ..var msText.= d
0220: 6f 63 75 6d 65 6e 74 2e 63 72 65 61 74 65 45 6c ocument.createEl
0230: 65 6d 65 6e 74 28 20 27 64 69 76 27 20 29 3b 0a ement( 'div' );.
0240: 09 6d 73 54 65 78 74 2e 69 64 09 3d 20 27 6d 73 .msText.id.= 'ms
0250: 54 65 78 74 27 3b 0a 09 6d 73 54 65 78 74 2e 73 Text';..msText.s
0260: 74 79 6c 65 2e 63 73 73 54 65 78 74 20 3d 20 27 tyle.cssText = '
0270: 63 6f 6c 6f 72 3a 23 30 66 30 3b 66 6f 6e 74 2d color:#0f0;font-
0280: 66 61 6d 69 6c 79 3a 48 65 6c 76 65 74 69 63 61 family:Helvetica
0290: 2c 41 72 69 61 6c 2c 73 61 6e 73 2d 73 65 72 69 ,Arial,sans-seri
02a0: 66 3b 66 6f 6e 74 2d 73 69 7a 65 3a 39 70 78 3b f;font-size:9px;
02b0: 66 6f 6e 74 2d 77 65 69 67 68 74 3a 62 6f 6c 64 font-weight:bold
02c0: 3b 6c 69 6e 65 2d 68 65 69 67 68 74 3a 31 35 70 ;line-height:15p
02d0: 78 27 3b 0a 09 6d 73 54 65 78 74 2e 69 6e 6e 65 x';..msText.inne
02e0: 72 48 54 4d 4c 3d 20 27 4d 65 6d 6f 72 79 27 3b rHTML= 'Memory';
02f0: 0a 09 6d 73 44 69 76 2e 61 70 70 65 6e 64 43 68 ..msDiv.appendCh
0300: 69 6c 64 28 20 6d 73 54 65 78 74 20 29 3b 0a 0a ild( msText );..
0310: 09 76 61 72 20 6d 73 47 72 61 70 68 09 3d 20 64 .var msGraph.= d
0320: 6f 63 75 6d 65 6e 74 2e 63 72 65 61 74 65 45 6c ocument.createEl
0330: 65 6d 65 6e 74 28 20 27 64 69 76 27 20 29 3b 0a ement( 'div' );.
0340: 09 6d 73 47 72 61 70 68 2e 69 64 09 3d 20 27 6d .msGraph.id.= 'm
0350: 73 47 72 61 70 68 27 3b 0a 09 6d 73 47 72 61 70 sGraph';..msGrap
0360: 68 2e 73 74 79 6c 65 2e 63 73 73 54 65 78 74 20 h.style.cssText
0370: 3d 20 27 70 6f 73 69 74 69 6f 6e 3a 72 65 6c 61 = 'position:rela
0380: 74 69 76 65 3b 77 69 64 74 68 3a 37 34 70 78 3b tive;width:74px;
0390: 68 65 69 67 68 74 3a 33 30 70 78 3b 62 61 63 6b height:30px;back
03a0: 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 23 30 66 ground-color:#0f
03b0: 30 27 3b 0a 09 6d 73 44 69 76 2e 61 70 70 65 6e 0';..msDiv.appen
03c0: 64 43 68 69 6c 64 28 20 6d 73 47 72 61 70 68 20 dChild( msGraph
03d0: 29 3b 0a 0a 09 77 68 69 6c 65 20 28 20 6d 73 47 );...while ( msG
03e0: 72 61 70 68 2e 63 68 69 6c 64 72 65 6e 2e 6c 65 raph.children.le
03f0: 6e 67 74 68 20 3c 20 37 34 20 29 20 7b 0a 0a 09 ngth < 74 ) {...
0400: 09 76 61 72 20 62 61 72 20 3d 20 64 6f 63 75 6d .var bar = docum
0410: 65 6e 74 2e 63 72 65 61 74 65 45 6c 65 6d 65 6e ent.createElemen
0420: 74 28 20 27 73 70 61 6e 27 20 29 3b 0a 09 09 62 t( 'span' );...b
0430: 61 72 2e 73 74 79 6c 65 2e 63 73 73 54 65 78 74 ar.style.cssText
0440: 20 3d 20 27 77 69 64 74 68 3a 31 70 78 3b 68 65 = 'width:1px;he
0450: 69 67 68 74 3a 33 30 70 78 3b 66 6c 6f 61 74 3a ight:30px;float:
0460: 6c 65 66 74 3b 62 61 63 6b 67 72 6f 75 6e 64 2d left;background-
0470: 63 6f 6c 6f 72 3a 23 31 33 31 27 3b 0a 09 09 6d color:#131';...m
0480: 73 47 72 61 70 68 2e 61 70 70 65 6e 64 43 68 69 sGraph.appendChi
0490: 6c 64 28 20 62 61 72 20 29 3b 0a 0a 09 7d 0a 0a ld( bar );...}..
04a0: 09 76 61 72 20 75 70 64 61 74 65 47 72 61 70 68 .var updateGraph
04b0: 20 3d 20 66 75 6e 63 74 69 6f 6e 20 28 20 64 6f = function ( do
04c0: 6d 2c 20 68 65 69 67 68 74 2c 20 63 6f 6c 6f 72 m, height, color
04d0: 20 29 20 7b 0a 0a 09 09 76 61 72 20 63 68 69 6c ) {....var chil
04e0: 64 20 3d 20 64 6f 6d 2e 61 70 70 65 6e 64 43 68 d = dom.appendCh
04f0: 69 6c 64 28 20 64 6f 6d 2e 66 69 72 73 74 43 68 ild( dom.firstCh
0500: 69 6c 64 20 29 3b 0a 09 09 63 68 69 6c 64 2e 73 ild );...child.s
0510: 74 79 6c 65 2e 68 65 69 67 68 74 20 3d 20 68 65 tyle.height = he
0520: 69 67 68 74 20 2b 20 27 70 78 27 3b 0a 09 09 69 ight + 'px';...i
0530: 66 28 20 63 6f 6c 6f 72 20 29 20 63 68 69 6c 64 f( color ) child
0540: 2e 73 74 79 6c 65 2e 62 61 63 6b 67 72 6f 75 6e .style.backgroun
0550: 64 43 6f 6c 6f 72 20 3d 20 63 6f 6c 6f 72 3b 0a dColor = color;.
0560: 0a 09 7d 0a 0a 09 76 61 72 20 70 65 72 66 20 3d ..}...var perf =
0570: 20 77 69 6e 64 6f 77 2e 70 65 72 66 6f 72 6d 61 window.performa
0580: 6e 63 65 20 7c 7c 20 7b 7d 3b 0a 09 2f 2f 20 70 nce || {};..// p
0590: 6f 6c 79 66 69 6c 6c 20 75 73 65 64 4a 53 48 65 olyfill usedJSHe
05a0: 61 70 53 69 7a 65 0a 09 69 66 20 28 21 70 65 72 apSize..if (!per
05b0: 66 20 26 26 20 21 70 65 72 66 2e 6d 65 6d 6f 72 f && !perf.memor
05c0: 79 29 7b 0a 09 09 70 65 72 66 2e 6d 65 6d 6f 72 y){...perf.memor
05d0: 79 20 3d 20 7b 20 75 73 65 64 4a 53 48 65 61 70 y = { usedJSHeap
05e0: 53 69 7a 65 20 3a 20 30 20 7d 3b 0a 09 7d 0a 09 Size : 0 };..}..
05f0: 69 66 20 28 70 65 72 66 20 26 26 20 21 70 65 72 if (perf && !per
0600: 66 2e 6d 65 6d 6f 72 79 29 7b 0a 09 09 70 65 72 f.memory){...per
0610: 66 2e 6d 65 6d 6f 72 79 20 3d 20 7b 20 75 73 65 f.memory = { use
0620: 64 4a 53 48 65 61 70 53 69 7a 65 20 3a 20 30 20 dJSHeapSize : 0
0630: 7d 3b 0a 09 7d 0a 0a 09 2f 2f 20 73 75 70 70 6f };..}...// suppo
0640: 72 74 20 6f 66 20 74 68 65 20 41 50 49 3f 0a 09 rt of the API?..
0650: 69 66 28 20 70 65 72 66 2e 6d 65 6d 6f 72 79 2e if( perf.memory.
0660: 74 6f 74 61 6c 4a 53 48 65 61 70 53 69 7a 65 20 totalJSHeapSize
0670: 3d 3d 3d 20 30 20 29 7b 0a 09 09 63 6f 6e 73 6f === 0 ){...conso
0680: 6c 65 2e 77 61 72 6e 28 27 74 6f 74 61 6c 4a 53 le.warn('totalJS
0690: 48 65 61 70 53 69 7a 65 20 3d 3d 3d 20 30 2e 2e HeapSize === 0..
06a0: 2e 20 70 65 72 66 6f 72 6d 61 6e 63 65 2e 6d 65 . performance.me
06b0: 6d 6f 72 79 20 69 73 20 6f 6e 6c 79 20 61 76 61 mory is only ava
06c0: 69 6c 61 62 6c 65 20 69 6e 20 43 68 72 6f 6d 65 ilable in Chrome
06d0: 20 2e 27 29 0a 09 7d 0a 09 0a 09 2f 2f 20 54 4f .')..}....// TO
06e0: 44 4f 2c 20 61 64 64 20 61 20 73 61 6e 69 74 79 DO, add a sanity
06f0: 20 63 68 65 63 6b 20 74 6f 20 73 65 65 20 69 66 check to see if
0700: 20 76 61 6c 75 65 73 20 61 72 65 20 62 75 63 6b values are buck
0710: 65 74 65 64 2e 0a 09 2f 2f 20 49 66 20 73 6f 2c eted...// If so,
0720: 20 72 65 6d 69 6e 64 65 20 75 73 65 72 20 74 6f reminde user to
0730: 20 61 64 6f 70 74 20 74 68 65 20 2d 2d 65 6e 61 adopt the --ena
0740: 62 6c 65 2d 70 72 65 63 69 73 65 2d 6d 65 6d 6f ble-precise-memo
0750: 72 79 2d 69 6e 66 6f 20 66 6c 61 67 2e 0a 09 2f ry-info flag.../
0760: 2f 20 6f 70 65 6e 20 2d 61 20 22 2f 41 70 70 6c / open -a "/Appl
0770: 69 63 61 74 69 6f 6e 73 2f 47 6f 6f 67 6c 65 20 ications/Google
0780: 43 68 72 6f 6d 65 2e 61 70 70 22 20 2d 2d 61 72 Chrome.app" --ar
0790: 67 73 20 2d 2d 65 6e 61 62 6c 65 2d 70 72 65 63 gs --enable-prec
07a0: 69 73 65 2d 6d 65 6d 6f 72 79 2d 69 6e 66 6f 0a ise-memory-info.
07b0: 0a 09 76 61 72 20 6c 61 73 74 54 69 6d 65 09 3d ..var lastTime.=
07c0: 20 44 61 74 65 2e 6e 6f 77 28 29 3b 0a 09 76 61 Date.now();..va
07d0: 72 20 6c 61 73 74 55 73 65 64 48 65 61 70 3d 20 r lastUsedHeap=
07e0: 70 65 72 66 2e 6d 65 6d 6f 72 79 2e 75 73 65 64 perf.memory.used
07f0: 4a 53 48 65 61 70 53 69 7a 65 3b 0a 09 72 65 74 JSHeapSize;..ret
0800: 75 72 6e 20 7b 0a 09 09 64 6f 6d 45 6c 65 6d 65 urn {...domEleme
0810: 6e 74 3a 20 63 6f 6e 74 61 69 6e 65 72 2c 0a 0a nt: container,..
0820: 09 09 75 70 64 61 74 65 3a 20 66 75 6e 63 74 69 ..update: functi
0830: 6f 6e 20 28 29 20 7b 0a 0a 09 09 09 2f 2f 20 72 on () {.....// r
0840: 65 66 72 65 73 68 20 6f 6e 6c 79 20 33 30 74 69 efresh only 30ti
0850: 6d 65 20 70 65 72 20 73 65 63 6f 6e 64 0a 09 09 me per second...
0860: 09 69 66 28 20 44 61 74 65 2e 6e 6f 77 28 29 20 .if( Date.now()
0870: 2d 20 6c 61 73 74 54 69 6d 65 20 3c 20 31 30 30 - lastTime < 100
0880: 30 2f 33 30 20 29 09 72 65 74 75 72 6e 3b 0a 09 0/30 ).return;..
0890: 09 09 6c 61 73 74 54 69 6d 65 09 3d 20 44 61 74 ..lastTime.= Dat
08a0: 65 2e 6e 6f 77 28 29 0a 0a 09 09 09 76 61 72 20 e.now().....var
08b0: 64 65 6c 74 61 09 3d 20 70 65 72 66 2e 6d 65 6d delta.= perf.mem
08c0: 6f 72 79 2e 75 73 65 64 4a 53 48 65 61 70 53 69 ory.usedJSHeapSi
08d0: 7a 65 20 2d 20 6c 61 73 74 55 73 65 64 48 65 61 ze - lastUsedHea
08e0: 70 3b 0a 09 09 09 6c 61 73 74 55 73 65 64 48 65 p;....lastUsedHe
08f0: 61 70 09 3d 20 70 65 72 66 2e 6d 65 6d 6f 72 79 ap.= perf.memory
0900: 2e 75 73 65 64 4a 53 48 65 61 70 53 69 7a 65 3b .usedJSHeapSize;
0910: 0a 09 09 09 76 61 72 20 63 6f 6c 6f 72 09 3d 20 ....var color.=
0920: 64 65 6c 74 61 20 3c 20 30 20 3f 20 27 23 38 33 delta < 0 ? '#83
0930: 30 27 20 3a 20 27 23 31 33 31 27 3b 0a 09 09 09 0' : '#131';....
0940: 0a 09 09 09 76 61 72 20 6d 73 09 3d 20 70 65 72 ....var ms.= per
0950: 66 2e 6d 65 6d 6f 72 79 2e 75 73 65 64 4a 53 48 f.memory.usedJSH
0960: 65 61 70 53 69 7a 65 3b 0a 09 09 09 6d 73 4d 69 eapSize;....msMi
0970: 6e 09 3d 20 4d 61 74 68 2e 6d 69 6e 28 20 6d 73 n.= Math.min( ms
0980: 4d 69 6e 2c 20 6d 73 20 29 3b 0a 09 09 09 6d 73 Min, ms );....ms
0990: 4d 61 78 09 3d 20 4d 61 74 68 2e 6d 61 78 28 20 Max.= Math.max(
09a0: 6d 73 4d 61 78 2c 20 6d 73 20 29 3b 0a 09 09 09 msMax, ms );....
09b0: 6d 73 54 65 78 74 2e 74 65 78 74 43 6f 6e 74 65 msText.textConte
09c0: 6e 74 20 3d 20 22 4d 65 6d 3a 20 22 20 2b 20 62 nt = "Mem: " + b
09d0: 79 74 65 73 54 6f 53 69 7a 65 28 6d 73 2c 20 32 ytesToSize(ms, 2
09e0: 29 3b 0a 09 09 09 0a 09 09 09 76 61 72 20 6e 6f );........var no
09f0: 72 6d 56 61 6c 75 65 09 3d 20 6d 73 20 2f 20 28 rmValue.= ms / (
0a00: 33 30 2a 31 30 32 34 2a 31 30 32 34 29 3b 0a 09 30*1024*1024);..
0a10: 09 09 76 61 72 20 68 65 69 67 68 74 09 3d 20 4d ..var height.= M
0a20: 61 74 68 2e 6d 69 6e 28 20 33 30 2c 20 33 30 20 ath.min( 30, 30
0a30: 2d 20 6e 6f 72 6d 56 61 6c 75 65 20 2a 20 33 30 - normValue * 30
0a40: 20 29 3b 0a 09 09 09 75 70 64 61 74 65 47 72 61 );....updateGra
0a50: 70 68 28 20 6d 73 47 72 61 70 68 2c 20 68 65 69 ph( msGraph, hei
0a60: 67 68 74 2c 20 63 6f 6c 6f 72 29 3b 0a 09 09 09 ght, color);....
0a70: 0a 09 09 09 66 75 6e 63 74 69 6f 6e 20 62 79 74 ....function byt
0a80: 65 73 54 6f 53 69 7a 65 28 20 62 79 74 65 73 2c esToSize( bytes,
0a90: 20 6e 46 72 61 63 74 44 69 67 69 74 20 29 7b 0a nFractDigit ){.
0aa0: 09 09 09 09 76 61 72 20 73 69 7a 65 73 20 3d 20 ....var sizes =
0ab0: 5b 27 42 79 74 65 73 27 2c 20 27 4b 42 27 2c 20 ['Bytes', 'KB',
0ac0: 27 4d 42 27 2c 20 27 47 42 27 2c 20 27 54 42 27 'MB', 'GB', 'TB'
0ad0: 5d 3b 0a 09 09 09 09 69 66 20 28 62 79 74 65 73 ];.....if (bytes
0ae0: 20 3d 3d 20 30 29 20 72 65 74 75 72 6e 20 27 6e == 0) return 'n
0af0: 2f 61 27 3b 0a 09 09 09 09 6e 46 72 61 63 74 44 /a';.....nFractD
0b00: 69 67 69 74 09 3d 20 6e 46 72 61 63 74 44 69 67 igit.= nFractDig
0b10: 69 74 20 21 3d 3d 20 75 6e 64 65 66 69 6e 65 64 it !== undefined
0b20: 20 3f 20 6e 46 72 61 63 74 44 69 67 69 74 20 3a ? nFractDigit :
0b30: 20 30 3b 0a 09 09 09 09 76 61 72 20 70 72 65 63 0;.....var prec
0b40: 69 73 69 6f 6e 09 3d 20 4d 61 74 68 2e 70 6f 77 ision.= Math.pow
0b50: 28 31 30 2c 20 6e 46 72 61 63 74 44 69 67 69 74 (10, nFractDigit
0b60: 29 3b 0a 09 09 09 09 76 61 72 20 69 20 09 09 3d );.....var i ..=
0b70: 20 4d 61 74 68 2e 66 6c 6f 6f 72 28 4d 61 74 68 Math.floor(Math
0b80: 2e 6c 6f 67 28 62 79 74 65 73 29 20 2f 20 4d 61 .log(bytes) / Ma
0b90: 74 68 2e 6c 6f 67 28 31 30 32 34 29 29 3b 0a 09 th.log(1024));..
0ba0: 09 09 09 72 65 74 75 72 6e 20 4d 61 74 68 2e 72 ...return Math.r
0bb0: 6f 75 6e 64 28 62 79 74 65 73 2a 70 72 65 63 69 ound(bytes*preci
0bc0: 73 69 6f 6e 20 2f 20 4d 61 74 68 2e 70 6f 77 28 sion / Math.pow(
0bd0: 31 30 32 34 2c 20 69 29 29 2f 70 72 65 63 69 73 1024, i))/precis
0be0: 69 6f 6e 20 2b 20 27 20 27 20 2b 20 73 69 7a 65 ion + ' ' + size
0bf0: 73 5b 69 5d 3b 0a 09 09 09 7d 3b 0a 09 09 7d 0a s[i];....};...}.
0c00: 0a 09 7d 0a 09 0a 7d 3b ..}...};