Openure

Expose your Backbone views in a single click.

What is Openure?

Openure is a Chrome extension developed by sosaucily, and its main feature is "Expose your Backbone views in a single click.".

Extension Screenshots

screenshot

Download Openure Extension CRX File

Download Openure extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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                    

Extension Basic Information

Name Openure Openure
ID khmghligbnocnhnpddkpeolenniconpm
Official URL https://chromewebstore.google.com/detail/openure/khmghligbnocnhnpddkpeolenniconpm
Description Expose your Backbone views in a single click.
File Size 63.02 KB
Installation Count 21
Current Version 0.6.1
Last Updated 2015-02-22
Publish Date 2015-02-21
Rating 5.00/5 Total 1 Ratings
Developer sosaucily
Payment Type free
Extension Website https://github.com/sosaucily/openure
Supported Languages en-US
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"
        ]
    }
}