Openure Chrome 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

How to install Openure chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Openure Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Openure Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Openure in Chrome Webstore Search and click on the search button.
• Step 3: click on the Openure Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Openure extension for your Chrome Web browser .