124 lines
2.5 KiB
Markdown
124 lines
2.5 KiB
Markdown
stats.js
|
|
========
|
|
|
|
#### JavaScript Performance Monitor ####
|
|
|
|
This class provides a simple info box that will help you monitor your code performance.
|
|
|
|
* **FPS** Frames rendered in the last second. The higher the number the better.
|
|
* **MS** Milliseconds needed to render a frame. The lower the number the better.
|
|
|
|
|
|
### Screenshots ###
|
|
|
|
|
|
|
|
|
|
|
|
### Usage ###
|
|
|
|
```javascript
|
|
var stats = new Stats();
|
|
stats.setMode(1); // 0: fps, 1: ms
|
|
|
|
// Align top-left
|
|
stats.domElement.style.position = 'absolute';
|
|
stats.domElement.style.left = '0px';
|
|
stats.domElement.style.top = '0px';
|
|
|
|
document.body.appendChild( stats.domElement );
|
|
|
|
setInterval( function () {
|
|
|
|
stats.begin();
|
|
|
|
// your code goes here
|
|
|
|
stats.end();
|
|
|
|
}, 1000 / 60 );
|
|
```
|
|
|
|
|
|
### Bookmarklet ###
|
|
|
|
Albeit theorically not as accurate the widget can also be easily inserted to **any site** using a bookmarklet.
|
|
[Follow the instructions](http://ricardocabello.com/blog/post/707).
|
|
|
|
|
|
### Change Log ###
|
|
|
|
2014 08 11 - **r12** (2,310 KB, gzip: 1,087 B)
|
|
|
|
* Browserify support. (@Miha-ha)
|
|
|
|
|
|
2012 09 01 - **r11** (2,243 KB, gzip: 903 B)
|
|
|
|
* Renamed `build/Stats.js` to `build/stats.min.js`.
|
|
|
|
|
|
2012 05 10 - **r10** (2,243 KB, gzip: 903 B)
|
|
|
|
* Changed `.getDomElement()` to `.domElement` back.
|
|
* Removed `.getFps()`, `.getFpsMin()`, `.getFpsMax()`, `.getMs()`, `.getMsMin()`, `.getMsMax()`.
|
|
* Added `.begin()` and `.end()`.
|
|
* Added `.setMode()`.
|
|
* Themeable with CSS.
|
|
|
|
|
|
2012 01 18 - **r9** (2,872 KB, gzip: 1,038 KB)
|
|
|
|
* Changed `.domElement` to `.getDomElement()`
|
|
* Added `.getFps()`, `.getFpsMin()`, `.getFpsMax()`, `.getMs()`, `.getMsMin()`, `.getMsMax()`.
|
|
|
|
|
|
2011 10 16 - **r8** (2.670 KB, gzip: 987 B)
|
|
|
|
* Performance and size optimizations.
|
|
* Removed memory mode.
|
|
|
|
|
|
2011 10 13 - **r7** (4.083 KB, gzip: 1.377 KB)
|
|
|
|
* Replaced `new Date().getTime()` with `Date.now()`.
|
|
|
|
|
|
2011 05 28 - **r6** (4.103 KB, gzip: 1.384 KB)
|
|
|
|
* Updated check for memory accesible browsers.
|
|
* Renamed MEM to MB for consistency reasons.
|
|
|
|
|
|
2010 09 21 - **r5** (3.800 KB)
|
|
|
|
* Different color per mode.
|
|
* Added MEM mode. (Webkit-based browsers only)
|
|
* Force text left aligned.
|
|
|
|
|
|
2010 06 11 - **r4** (2.235 KB)
|
|
|
|
* Added MS mode.
|
|
|
|
|
|
2010 05 12 - **r3** (1.241 KB)
|
|
|
|
* Switched to module pattern code style.
|
|
* Removed `position = 'absolute'`.
|
|
|
|
|
|
2010 03 01 - **r2** (2.177 KB)
|
|
|
|
* Simplified.
|
|
|
|
|
|
2010 02 21 - **r1**
|
|
|
|
* Accurate FPS calculation. (thx @spite!)
|
|
|
|
|
|
2009 08 09 - **r0**
|
|
|
|
* Base code.
|