Knockoutjs context debugger Chrome Extension

Shows the knockout context & data for the selected dom node in a sidebar of the elements pane..
Knockoutjs debugging extension.

Adds a extra sidebar in the elements pane of the chrome dev tools with the relevant knockout context and data for the selected element.

Very usefull if you got large/nested viewmodels.

Allows to add tracing to every observable/computed.

Allows to edit observables from the console.(https://github.com/timstuyckens/chromeextensions-knockoutjs/wiki/Editing-viewmodel-binding-values)

Source code is on github: https://github.com/timstuyckens/chromeextensions-knockoutjs

MIT license.

Tip (based on comments)

You can view the content of any observable in the viewmodel in the '$root_toJS' variable.

How to install Knockoutjs context debugger chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Knockoutjs context debugger Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Knockoutjs context debugger Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Knockoutjs context debugger in Chrome Webstore Search and click on the search button.
• Step 3: click on the Knockoutjs context debugger Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Knockoutjs context debugger extension for your Chrome Web browser .