Knockout Context Hover
Extension Actions
KnockoutJS Context Hover - Development and debugging assistant for Knockout JS. Tested on: 3.4.2, 3.1.0, 2.2.1
Development and debugging assistant for Knockout JS
https://github.com/alexcodito/KnockoutContextHover
- 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
Also available on Mozilla Firefox.
Tested KnockoutJS versions:
3.4.2
3.1.0
2.2.1
Supports KnockoutJS loaded as a RequireJS module.
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.
Please note that KnockoutJS 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 the GitHub repo.
PRIVACY POLICY
https://github.com/alexcodito/KnockoutContextHover/blob/master/PRIVACY-POLICY.md
Latest reviews
- Ricardo Martins
- Nice work. Huge improvement to debug knockout js. I just missed some search/filter feature. :)
- Kendal Beattie
- This is a huge improvement from having to do ko.contextFor($0) and ko.dataFor($0) in the dev console after inspecting an element.
- Kendal Beattie
- This is a huge improvement from having to do ko.contextFor($0) and ko.dataFor($0) in the dev console after inspecting an element.
- Simon Gymer
- Wow, this is awesome. Wish I'd had this extension years ago, would have saved me a lot of "console.log" statements! Thanks for sharing!
- Simon Gymer
- Wow, this is awesome. Wish I'd had this extension years ago, would have saved me a lot of "console.log" statements! Thanks for sharing!
- Vlad Pazenuks
- Person who created this extension probably never tried to use it.. Otherwise I cant explain how someone could create such a horible UX. Literally the most annoying and disgusting extension I ever had a change to use.
- Vlad Pazenuks
- Person who created this extension probably never tried to use it.. Otherwise I cant explain how someone could create such a horible UX. Literally the most annoying and disgusting extension I ever had a change to use.
- Kyle Robins
- Invaluable tool for doing coding with KOjs. Thank you very much for taking the time to make this, it is greatly appreciated. I have been using a different tool but it has performance issues when using complex models so searched for something else and came across this.
- Kyle Robins
- Invaluable tool for doing coding with KOjs. Thank you very much for taking the time to make this, it is greatly appreciated. I have been using a different tool but it has performance issues when using complex models so searched for something else and came across this.
- Sergiu Popescu
- Thank you, this extension is very useful.
- Sergiu Popescu
- Thank you, this extension is very useful.
- Alexander Khodyrev
- works perfectly
- Alexander Khodyrev
- works perfectly
- Oracle Frank Assistant
- incredible!!! what a shame to invest time developing something and not have the intelligence to add a sentence or two on how to use it or what to do if it doesn't work. how do you and people like you consider yourselves developers? you must work in some dump.
- Oracle Frank Assistant
- incredible!!! what a shame to invest time developing something and not have the intelligence to add a sentence or two on how to use it or what to do if it doesn't work. how do you and people like you consider yourselves developers? you must work in some dump.