This addon formats Ember objects so that you can see their type and internal state at a glance. No more typing .get() into your console!

1. Install the addon:

   ember install ember-chrome-devtools
   

   (it will not affect your production build)

2. Enable custom formatters in DevTools Settings:

• ember serve
• Visit your app at http://localhost:4200.

• npm test (Runs ember try:each to test your addon against multiple Ember versions)
• ember test
• ember test --server

• ember build

It can be helpful to inspect the html created by the formatters. Fortunately you can debug DevTools using a second DevTools instance.

1. Hit Cmd-Alt-I to open DevTools

2. Split DevTools in its own window using the first "Dock side" option:

   

3. With DevTools focused, hit Cmd-Alt-I to open a second DevTools