Sidecar Developer Tools
Sidecar Developer Tools (SDT) is based on Backbone Developer Tools project.
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.
If you want to contribute to this project, please read the Contributing Guidelines.
Installing
Manually
- Clone this repo
- Go to Tools -> Extensions in Google Chrome
- Check Developer mode and click Load unpacked extension
- 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.