Ember Extension

Adds an Ember tab to Chrome or Firefox Developer Tools that allows you to inspect Ember objects in your application.

Installation

Chrome

Install the extension from the Chrome Web Store.

OR:

Clone the repository
cd into the repo directory
run npm install
run npm install -g grunt-cli
run grunt to build the dist_chrome directory
Visit chrome://extensions in chrome
Make sure Developer mode is checked
Click on 'Load unpacked extension...'
Choose the dist_chrome folder in the cloned repo
Close and re-open developer tools if it's already open

Firefox

Install the Firefox addon.

OR:

Clone the repository
cd into the repo directory
run npm install
run npm install -g grunt-cli
run grunt build build_xpi to build the dist_firefox directory, download Firefox Addon SDK and build Firefox Addon XPI to 'tmp/xpi/ember-inspector.xpi' or grunt run_xpi to run the Firefox Addon in a temporary profile (or use FIREFOX_BIN and FIREFOX_PROFILE to customize Firefox profile directory and Firefox binary used to run the extension)

Building and Testing:

Run npm install to install the required modules.

grunt to build the files in the dist_chrome and dist_firefox directories
grunt test To run the tests in the terminal
grunt build build_xpi to download and build Firefox Addon XPI into tmp/xpi/exber-inspector.xpi
grunt run_xpi to run the Firefox Addon XPI on a temporary new profile (or use FIREFOX_BIN and FIREFOX_PROFILE to customize Firefox profile directory and Firefox binary used to run the extension)
grunt server To start the test server at localhost:9292
grunt watch To watch the files and re-build when anything changes (useful during development).