Ember Inspector Logo

Ember Inspector

Debug and inspect Ember.js applications directly in the Chrome Developer Tools.

Try Ember Inspector
Ember Inspector Screenshot

What is Ember Inspector?

Try Ember Inspector

Ember Inspector is a Chrome extension developed by the Ember.js community that enhances the Chrome Developer Tools specifically for Ember.js applications.

It provides a set of tools that allow developers to easily inspect and debug their Ember.js applications, making it easier to understand and navigate the application's components, routes, and data.

By overlaying application-specific information onto the standard Chrome Developer Tools interface, Ember Inspector simplifies the process of finding and fixing issues within Ember.js applications.

Features:

  1. Routes Overview: Displays all routes defined in the application.
  2. Naming Conventions: Helps adhere to Ember's conventions for naming URLs, controllers, templates, and routes.
  3. Rendering Information: Shows which templates, controllers, and models are currently being rendered.
  4. Object Inspection: Allows inspection of application objects, supporting Ember features like bindings and computed properties.
  5. Console Access: Makes application objects accessible in the console as the $E variable.
  6. Ember Data Records: For applications using Ember Data, displays all loaded records.
Published on Aug. 17, 2024