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!
Install the addon:
ember install ember-chrome-devtools
(it will not affect your production build)
Enable custom formatters in DevTools Settings:
- Visit your app at http://localhost:4200.
ember try:eachto test your addon against multiple Ember versions)
ember test --server
Debugging the debugger
It can be helpful to inspect the html created by the formatters. Fortunately you can debug DevTools using a second DevTools instance.