title: Debugging Javascript (Backbone and Marionette)
body: <p>Right now, while I am debugging backbone or marionette using the chrome dev tools, I end up setting break points and whatnot, but once the code pauses, its hard to tell what type of objects i'm working with because chrome labels everything a "child".<br>
  (I think because that's the constructor function)</p>
  
  <p>Is there any easy way to either change this declaration or determine which type of model/collection i'm using.</p>
  
  <p>The amount craziness this causes in me wants to start doing something like this:</p>
  
  <pre><code>MyModel = Backbone.Model.Extend({
      // the $$$ puts it at the top of the inspector, the NAME is just for other devs
      $$$NAME = "MyModel",  
      ...
  });
  </code></pre>
  
  <p>I don't really like it, because its... ugly, its a variable... and it only helps when I inspect and expand the variable... it would be great to change the name chrome uses to display it.  </p>
  
  <p>In any case, does anyone know how to change the name? or have some other cleaner convention you use?</p>
  
  <p>Thanks!</p>
  
  <p>Matt</p>