Vulcan is a powerful tool for inspecting and manipulating your Firebase data directly from the Browser or Chrome DevTools.
Vulcan can be used as plugin on your web page by simply including the script tags and css dependancies:
<link rel="stylesheet" type="text/css" href="css/vulcan.css">
<script src="https://cdn.firebase.com/js/client/1.0.24/firebase.js"></script>
<script type="text/javascript" src="js/vulcan.js"></script>
To use Vulcan as a chrome plugin during development:
- Go to settings in your browser
- Navigate to Extensions
- Check Developer mode
- Click the Load unpacked extension... button
- Select the chrome-extension directory
- Open your dev tools
- You should now have a Firebase tab
The production version of Vulcan is also available in the Chrome Store
We use grunt for our build process. You can use the following commands:
- grunt dev - Builds the web and chrome extension in development mode and runs the demo on http://localhost:8000. All changes are processed automatically and live reloaded. The files in this mode are not compressed or uglified in order to make development easier.
- grunt - Builds the web and chrome extension in production ready mode. The files produced with this command are minified and uglified in order to optimize performance.