Screencast: Debugging an Ember.js Application


I’ve found that a lot of people don’t know how powerful the Chrome Developer Tools are, especially when paired with the Ember Inspector. I recorded this short screencast to show a handful of tricks you can use when debugging Ember.js applications:

The source code to the Bug Tracker project is on github.

This is a companion discussion topic for the original entry at


That is one of the most useful things I’ve ever seen! I’ve wished for a way to get access to items I’ve console.logged for so long and can’t believe it was just a right click away!

Thank you, thank you, thank you!

:thumbsup: :sunflower:


Great screencast! One minor addition from my side. You can see by the color of the output on the console if the outputted number is really a number or rather a string. If you really need to inspect the type, it also works with

typeof my_var

which outputs “number” or “string”.

I highly appreciate your tutorials and screencasts. More of that :slight_smile:

BR toovy


Excellent! I had no idea about some of these tricks, like $1, $2… or right click, save as global thing.