Openure

Expose your Backbone views in a single click.

什麼是Openure?

Openure是由sosaucily開發的Chrome擴展程式,該擴展的主要功能是“Expose your Backbone views in a single click.”。

擴展截圖

screenshot

下載Openure擴展crx文件

下載Openure擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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                    

擴展基本資訊

名稱 Openure Openure
ID khmghligbnocnhnpddkpeolenniconpm
官方網址 https://chromewebstore.google.com/detail/openure/khmghligbnocnhnpddkpeolenniconpm
簡介 Expose your Backbone views in a single click.
檔案大小 63.02 KB
安裝次數 21
目前版本 0.6.1
更新時間 2015-02-22
上架時間 2015-02-21
評分 5.00/5 共 1 次評分
開發者 sosaucily
付費類型 free
擴展官網 https://github.com/sosaucily/openure
支援的語言 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"
        ]
    }
}