Series: ember-inspector

Ember Inspector 1-Installing the Ember Inspector

Published on Feb 14, 2015

How to install the Ember Inspector, including setting up options to display in more situations and to show the tomster in the address bar.




Hey, welcome to Sparkcasts. Today is the first of a many part series about Ember Inspector which is a really useful tool for exploring your code and how your program runs in the wild. First, you have to install it. It's a Chrome plug-in. It can also be done in Firefox and Opera and even a bookmarklet for Internet Explorer. For some reason, you're developing in Internet Explorer, Ember Inspector has you covered.

All right, how do you install it? I'll just show you the steps for Chrome today. Go to the Chrome web store. You hit add to Chrome and then I believe you might have to restart your browser. But once you've done that, you can go to any website that has Ember installed. We're going to go to a game that I made and hit Inspect Element and Ember. This is the Ember Inspector. That's the basic installation for Ember Inspector.

However, there's a little bit more you can do. You can go to Chrome extensions, go down to Ember Inspector. Make sure that both of these boxes are checked because that will allow it to run in more situations. You should also hit options and click the Display the Tomster. When you're on a site that runs Ember, you'll see the Tomster right there.

That's how you install Ember Inspector. In the next few videos, I'll be exploring each of these tabs and show you what you can do with them. I'll see you then.


Subscribe to our mailing list