Knockout Context Hover

A browser extension for KnockoutJS development and debugging

Chrome Web Store | Firefox Addon

Overview

• Display the hovered element's KnockoutJS context, HTML tag and attributes
• Traverse complex objects and arrays
• Set values of variables and observables
• Convert plain variables into observables
• Refresh hovered element's KO bindings
• Log context objects straight into the browser Dev tools console
• Shortcuts for following the mouse cursor & toggling live context
• Click and execute a function

How to use

Right click on a page that runs KnockoutJS and press the "KO Context Hover" option to activate the panel. Shortcuts for controlling mouse pointer following/live context data are present at the top of the panel.

Demo

Sample Screenshots

Tested KnockoutJS versions

3.4.2, 3.1.0, 2.2.1

Supports KnockoutJS loaded as a RequireJS module.

Disclaimer

Knockout JS makes use of unsafe practices (e.g. eval, innerHTML). This will cause browser validators to flag this extension with several warnings.

Please note that this extension was developed for personal needs. I may not maintain future KoJS version compatibility or provide any support. With that said, please feel free to contribute to this GitHub repository.