Awesome
vconsole-stats-plugin
A vConsole plugin which can show Stats in front-end.
Based on the Stats https://github.com/mrdoob/stats.js
Screenshots
Demo
Usage
Download the latest version(copy dist/vconsole-stats-plugin.min.js). See all demo code: /example/demo.html
<script src="path/to/vconsole.min.js"></script>
<script src="path/to/vconsole-stats-plugin.min.js"></script>
<script>
// init vConsole
const vConsole = new VConsole();
const plugin = new VConsoleStatsPlugin(vConsole);
</script>
Or, install via npm:
npm install vconsole-stats-plugin -S
import VConsole from 'vconsole';
import VConsoleStatsPlugin from 'vconsole-stats-plugin';
const vConsole = new VConsole();
const plugin = new VConsoleStatsPlugin(vConsole);
Features
- Show/Close Stats
- Change Stats Panel
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.
- MB MBytes of allocated memory. (Run Chrome with
--enable-precise-memory-info
) - CUSTOM User-defined panel support.