node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org »


Build Status


Knockback-Inspector.js provides an inspector tree view library for Backbone.Models and Backbone.Collections using Knockback.js,

Download Latest (0.1.6):

Please see the release notes for upgrade pointers.

Module Loading

Knockback-Inspector.js is compatible with RequireJS, CommonJS, Brunch and AMD module loading. Module names:

  • 'knockback-inspector' - knockback-inspector.js.


For a step-by-step guide to creating and using Knockback-Inspector, please take a look at the full tutorial.

For more information on Knockback.js, please look at the website:

The Knockout-Inspector is designed as a small standalone library that you can integrate into your own application for debugging purposes. Just include the library file and optional styling into your HTML file:

<script src='knockback-inspector.min.js'></script>
<link rel='stylesheet' href='knockback-inspector.css'>

If you want to inspect a model, set up the bindings like:

  <ul id='model' data-bind="template: {name: 'kbi_model_node', data: kbi.nvm('root', true, $data)}"></ul>
  <script type='text/javascript'>
    var your_model = new Backbone.Model({name: 'Hello', place: 'World!'});
    ko.applyBindings(kb.viewModel(your_model), $('#model')[0]);

If you want to inspect a collection, set up the bindings like:

  <ul id='collection' data-bind="template: {name: 'kbi_collection_node', data: kbi.nvm('root', true, $data)}"></ul>
  <script type='text/javascript'>
    var your_collection = new Backbone.Collection([{name: 'Hello', place: 'World!'}, {name: 'Goodbye', place: 'Samsara!'}]);
    ko.applyBindings(kb.collectionObservable(your_collection, {view_model: kb.ViewModel}), $('#collection')[0]);

Building, Running and Testing the library


  1. install node.js:
  2. install node packages: 'npm install'


Look at: