Chrome Developer Tools extension for debugging Backbone-based apps
JavaScript Ruby
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
html
img
js
lib
templates
.gitignore
Gemfile
Guardfile
LICENSE
README.md
Rakefile
manifest.json

README.md

Backbone Developer Tools

BDT is an extension for Chrome Developer Tools which helps in debugging Backbone-based apps. It's been developed by Tomasz Szczęśniak-Szlagowski and released under the MIT License. It makes use of Backbone.Debug by Andrew Terris.

Pull requests are welcome!

Installing

Web Store

BDT is yet to be released, so you need to install it manually.

Manually

  1. Clone this repo
  2. Go to Tools -> Extensions in Google Chrome
  3. Check Developer mode and click Load unpacked extension
  4. Choose the cloned repo directory

Features

  • $view console variable after inspecting a DOM Element (points to the closest View instance)
  • Containing Views Hierarchy in Elements panel
  • Logs in Backbone Panel:
    • Events
    • Syncs
    • View-DOM Binding
    • Instantiated Objects

Known Limitations

By default, Backbone Developer Tools require window.Backbone to be available on DOMContentLoaded. We have a fallback method for asynchronously loaded Backbone that seems to work pretty well, too.

If neither the default nor the fallback succeed in injecting Backbone Developer Tools, you can modify js/inject/attach.js to meet your specific requirements.

You could also try modifying js/inject/logger.js and js/inject/backbone.debug.js and including them by yourself. Note that unless you alter the extension itself, you'll need to expose the logger at window.Backbone.debug.logger.