Expose your Backbone views in a single click.

Latest Version

Version

0.6.1

Update

February 21, 2015

Size

63.02KiB

Developer

Openure Extension

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

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Openure", "description": "Expose your Backbone views in a single click.", "version": "0.6.1", "web_accessible_resources": [ "openure.js" ], "permissions": [ "storage" ], "content_scripts": [ { "matches": [""], "js": [ "openure-startup.js" ], "run_at": "document_end" } ], "browser_action": { "default_icon": "openure.png", "default_popup": "popup.html" }, "background": { "scripts": ["openure-plugin.js"] }}

Download CRX(63.02KiB)