O'Reilly logo

Mastering Ember.js by Mitchel Kelonye

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using the Ember.js inspector

An Ember.js application can be inspected via a browser extension that is available for Chrome, Opera, and Firefox. This extension lets you inspect objects in your application from an Ember.js tab that is created in the developer tools. To get started in Chrome, you'll need to do the following:

  1. Visit chrome://flags and ensure Experimental Extension APIs is enabled.
  2. Install the extension at https://chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi.
  3. Restart Chrome.
  4. Open your Ember.js application and press the Ctrl + U keys to launch the developer tools.

An Ember tab should have been created next to the Console tab, as shown in the following screenshot:

From the sidebar, clicking on View Tree ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required