Ember.js Debugging 3 — JavaScript

Photo by Nathan Smith

I already covered the console object, which is built-in to the browser and is essential for debugging your Ember apps. Today I'll review features useful for debugging in JavaScript itself.

Ember.js Debugging 2 — Firebug

Firebug is a legendarily awesome Firefox add-on with just about everything a web developer could want. It has equivalents for almost all features in the built-in tools, and much more. Although it's separate from Mozilla, they support the project. The current version is 1.10.3, which is what I have. (For non-Firefox browsers, Firebug Lite is available. I haven't tried it yet.)

Firefox vs Firebug

So why would you use the built-in tools?

Ember.js Debugging 1 — Firefox

Note: Debugging was going to part 5 of the "Tools & Resources" series, but when I started outlining it and doing additional research, it became apparent that it's simply too big a topic for that. I've instead spun it out into a separate series.

This post is about the tools built-in to Firefox which are relevant to debugging Ember.js apps. I'll be using the latest version, which is 15 as of this post.

Mozilla Development Network

The MDN site is incredible — a wealth of information about everything a web developer could want to know about the browser platform:

However, the most important section (for us) isn't linked from here — or anywhere else on the site that I could find. I had to stumble across it a different way, but now I can save you the trouble: