Openure
Item media 1 screenshot

Overview

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

5 out of 51 rating

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.6.1
  • Updated
    February 21, 2015
  • Offered by
    sosaucily
  • Size
    63.02KiB
  • Languages
    English (United States)
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Support

Related

Hacker News Tweak

4.8(4)

Hacker News Tweak is a chrome extension to make HN more user friendly. The extension will activate when you're on hacker news once…

Keen Debugger

0.0(0)

Output Keen IO analytics data in the JavaScript console

GitHub Search Tool

5.0(1)

Instant access to the GitHub search bar

JavaScript Libraries On the fly!

5.0(1)

Load JavaScript libraries to current page on the fly for testing or trying something!

Bar Charts for Hacker News Polls

5.0(2)

Generate a bar chart for Hacker News polls.

Does it use SVG?

5.0(1)

Show an icon if a page uses SVG.

Subhub

5.0(2)

Add an 'Open in Sublime' button to GitHub

Backbone View Inspector

2.5(2)

This extension will track the backbone views

Github Annotator

4.5(2)

Show user details and repository info in a tooltip.

Thorax Inspector

2.3(3)

Inspector extension for Thorax, a Backbone + Handlebars framework to build large scale web applications. http://thoraxjs.org/

Chrodic

5.0(1)

A mouseover dictionary for Google Chrome™

Marionette Inspector

4.0(40)

A devtool for Marionette

Hacker News Tweak

4.8(4)

Hacker News Tweak is a chrome extension to make HN more user friendly. The extension will activate when you're on hacker news once…

Keen Debugger

0.0(0)

Output Keen IO analytics data in the JavaScript console

GitHub Search Tool

5.0(1)

Instant access to the GitHub search bar

JavaScript Libraries On the fly!

5.0(1)

Load JavaScript libraries to current page on the fly for testing or trying something!

Bar Charts for Hacker News Polls

5.0(2)

Generate a bar chart for Hacker News polls.

Does it use SVG?

5.0(1)

Show an icon if a page uses SVG.

Subhub

5.0(2)

Add an 'Open in Sublime' button to GitHub

Backbone View Inspector

2.5(2)

This extension will track the backbone views

Google apps