Backbone Eye
Understand Backbone application behavior without debugging JavaScript
Application layer debugging
Understand Backbone application behavior without wading through JavaScript code. Backbone Eye is production-site friendly and can work off uglified and minified Javascript without needing any source maps.
Work with application constructs
Backbone Eye presents application specific models and views to introspect. Models show only application specific properties and shield away internal Backbone framework details. Search for models having certain attribute values, pin interesting models or use most-used models list to dig deeper.
Encourages "What-if" exploration
Change an application model attribute and see the impact of the change throughout the application in a graphical fashion. Or drill down to details about past state and operation arguments.
Detect Zombies
Backbone Eye attempts to detect models and views which are used by the application - even after they have been destroyed. Leverage the model interaction trails and journals to piece together what may have triggered this behavior.
Understand event-callback entropy
Visualize how Backbone Model (and Collection) updates may lead to redundant calls (multiple render calls to the same view as a result of an update). Develop insights into application flow to minimize (or remove) redundant callbacks and thereby improve application performance.
Debug templates
Backbone Eye makes underscore templates a debuggable unit. Put breakpoints in template code. At runtime, inspect model data being passed to the template, step through template code and observe template output being incrementally built.