Openure

Download extension

Expose your Backbone views in a single click.Openure
================================
Openure exposes the internal variables of Backbone Views on a page.


Setup & Use
-------------------------

1. Expose your backbone app in a global variable. (Flag this off for your isStaff or Admin group only if you'd like)

2. Set that variable name in the Openure extension options at chrome://extensions/ and refresh the page (look for Openure in your extensions and click - 'options')

3. CMND-SHIFT-click on a view. Notice the view you clicked is highlighted in a lightbox (courtesy of jQuery Spotlight - http://dev7studios.com/portfolio/jquery-spotlight/)

4. In the Chrome JS console, use the 'view', 'model', 'collection' and 'options' variables.


Details
-------------------------
The following variables are defined in the interactive terminal.

* view - the view you clicked
* model - the model of the view, if there is one. Same as typing view.model
* collection - the collection of the view, if there is one. Same as typing view.collection
* options - the options passed to the view. Same as typing view.options

Help
-------------------------
If you see "openure_key is not defined" then go back to setup step 2.

For now, it seems like the Openure Extension Options window needs to remain open :( Working on it...

Example
-------------------------
You can change the model and call view.render(), or see the state of a view.


Why
-------------------------
It's a hassle to find and drill down into your views from the console. Going back and adding clogs or debuggers isn't fun either. Just click and get crazy.


Future Development
-------------------------
For a while we were trying to get a jqconsole to appear and be draggable around the screen. Making this console as good as Chrome's proved very challenging, so this is on a branch for now.

Help make it better! https://github.com/sosaucily/openure