The Ember Inspector is an add-on for your browser that can help you debug your Ember app. In this recipe, we'll look at some examples on how to use it.
Before beginning, you must install the add-on. It's available for Chrome, Firefox, or Opera. Other browsers such as Internet Explorer can also be used via bookmarklet
.
Install the browser add-on for Ember Inspector:
For Firefox, install the add-ons from the following website: https://addons.mozilla.org/en-US/firefox/addon/ember-inspector/
On Chrome, install the add-on from the Chrome web store: https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi
All other browsers visit the Ember Inspector Github page for further instructions: https://github.com/emberjs/ember-inspector
For the purposes of our recipe, we'll use Ember CLI Mirage to return a simple
school
model. After creating a new project, run this command:$ ember install ember-cli-mirage $ ember g factory school
This will...