home
  • Blog
3.27
  • Introduction
  • Getting Started
  • Tutorial
  • Core Concepts
  • Components
  • Routing
  • Services
  • Ember Data
  • In-Depth Topics
  • Application Development
  • Application Concerns
  • Accessibility
  • Configuration
  • Testing
  • Addons and Dependencies
  • Developer Tools
  • Ember Inspector
    • Introduction
    • Installing the Inspector
    • Object Inspector
    • The Component Tree
    • Inspecting Routes
    • Data Tab
    • Tackling Deprecations
    • Library Info
    • Debugging Promises
    • Inspecting Objects via the Container
    • Rendering Performance
    • Troubleshooting
  • Code Editors
  • Additional Resources
  • Upgrading
  • Contributing to Ember.js
  • Glossary
Old Guides - You are viewing the guides for Ember v3.27.0.
Go to v5.0.0

Inspecting Routes

Edit pencil

The Routes tab displays a list of your application's routes.

For the following code:

this.route('posts', function() {
  this.route('new');
});

The Inspector displays these routes:

As you can see, the Inspector shows the routes you defined as well as the routes automatically generated by Ember.

Viewing the Current Route

The Inspector highlights the currently active routes. However, if your app has grown too large for this to be useful, you can use the Current Route Only checkbox to hide all routes except the currently active ones.

left arrow
The Component Tree
Data Tab
right arrow
On this page

  • Viewing the Current Route
Team Sponsors Security Legal Branding Community Guidelines
Twitter GitHub Discord Mastodon

If you want help you can contact us by email, open an issue, or get realtime help by joining the Ember Discord.

© Copyright 2023 - Tilde Inc.
Ember.js is free, open source and always will be.


Ember is generously supported by
blue