Awesome
Browser Calories
The easiest way to measure your performance budget.
Install
This browser extension available for:
<a href="https://chrome.google.com/webstore/detail/browser-calories/pdkibgfjegigkoaleelbkdpkgceljfco"><img src="https://cloud.githubusercontent.com/assets/398893/15528951/e9f5dc0a-21fd-11e6-86e7-8a0cad6e7548.png" width="48px" height="48px" alt="Chrome logo"></a> | <a href="https://addons.mozilla.org/en-US/firefox/addon/browser-calories/"><img src="https://cloud.githubusercontent.com/assets/398893/15528952/ea095cc6-21fd-11e6-9aae-d67479edd442.png" width="48px" height="48px" alt="Firefox logo"></a> | <a href="https://addons.opera.com/en/extensions/details/browser-calories"><img src="https://cloud.githubusercontent.com/assets/398893/15528953/ea1ef482-21fd-11e6-9ba2-252aa0bcc1d2.png" width="48px" height="48px" alt="Opera logo"></a> |
---|---|---|
Chrome | Firefox | Opera |
Setup
Install dependencies:
npm install
Compile scripts and styles:
npm start
Testing
Chrome
-
Navigate to
chrome://extensions
-
Click on
Load unpacked extension...
-
Select the
dist
folder
Firefox
-
Navigate to
about:debugging
-
Click on
Load temporary Add-on
-
Select the
manifest.json
inside thedist
folder
Opera
-
Navigate to
extensions
-
Click on
Developer Mode
-
Click on
Load unpacked extension...
-
Select the
dist
folder
Credits
- Illustrations by Scott Johnson
- CSS-based Nutrition Facts table by Chris Coyier
License
MIT License © Zeno Rocha