Skip to content

A bookmarklet that toggles a display of any page's Knockout View Model.

License

Notifications You must be signed in to change notification settings

cemdev/knockout-debug

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 

Repository files navigation

version 1.0.2

When building a project that uses Knockout.js, you might, at times, want to see what your View Model looks like. This bookmarklet lets you do that with a toggle-able, minimally-intrusive display.

##Installation

Copy the code from the ko-debug.js file in the bookmarklet directory of this repository into a new Bookmark in the browser of your choice.

##Usage

Simply click the bookmarklet on any page with a Knockout model. Voila!

Need a page to test it on? Try the Knockout Tutorial page.

You can toggle the visibility of the view model display panel with the main button. The x will remove the debugger from the DOM.

The display panel can be resized by dragging the lower right corner.

##Extending

The uncompressed files used to build this app can be found in the source folder. If you wished to expand upon or change the functionality of this plugin, I'd look there.

##Licensing

This is released under the WTFPL; that means you can do whatever you want with it.

###2.0 Roadmap

  • Filtering system for observables, calculated, and mapped variables

===

Tested on Chrome 26, Firefox 19, Opera 12, Safari 6

===

I'd like to thank Ryan Niemeyer twofold: first for writing the article that inspired me to make this, and second for his advice on this bookmarklet.

About

A bookmarklet that toggles a display of any page's Knockout View Model.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published