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
Statistics
Installs
7
history
Category
Rating
5.0 (1 votes)
Last update / version
2015-02-22 / 0.6.1
Listing languages
en-US