https://github.com/spect88/backbone-devtools

Chrome Developer Tools extension for debugging Backbone-based apps
https://github.com/spect88/backbone-devtools

Last synced: 3 months ago
JSON representation

Chrome Developer Tools extension for debugging Backbone-based apps

• Host: GitHub
• URL: https://github.com/spect88/backbone-devtools
• Owner: spect88
• License: mit
• Created: 2013-02-19T18:47:08.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2013-07-18T00:12:26.000Z (over 11 years ago)
• Last Synced: 2024-05-23T05:32:27.997Z (6 months ago)
• Language: JavaScript
• Size: 251 KB
• Stars: 357
• Watchers: 20
• Forks: 32
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
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][1] and released under the [MIT License][2].

It makes use of [Backbone.Debug][3] 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*.

[1]: http://github.com/spect88

[2]: http://www.opensource.org/licenses/MIT

[3]: http://github.com/aterris/backbone.debug