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 thedist_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 thedist_firefox
directory, download Firefox Addon SDK and build Firefox Addon XPI to 'tmp/xpi/ember-inspector.xpi' orgrunt run_xpi
to run the Firefox Addon in a temporary profile (or useFIREFOX_BIN
andFIREFOX_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 thedist_chrome
anddist_firefox
directoriesgrunt test
To run the tests in the terminalgrunt build build_xpi
to download and build Firefox Addon XPI intotmp/xpi/exber-inspector.xpi
grunt run_xpi
to run the Firefox Addon XPI on a temporary new profile (or useFIREFOX_BIN
andFIREFOX_PROFILE
to customize Firefox profile directory and Firefox binary used to run the extension)grunt server
To start the test server atlocalhost:9292
grunt watch
To watch the files and re-build when anything changes (useful during development).