Knockout Context Hover

#3.8 / 10 rate

Knockout Context Hover

4,000 users

2020-02-25

papounidis.alex

alexandros.p.dev@gmail...

Extension Information

5 star
69%
4 star
0%
3 star
0%
2 star
0%
1 star
31%

Supported Languages

Permissions

Description

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

Reviews

Ricardo Martins
Ricardo Martins

Nice work. Huge improvement to debug knockout js. I just missed some search/filter feature. :)

Frédéric A
Frédéric A

Nul par rapport à "KnockoutJS context debugger"

Kendal Beattie
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.

Similar extensions

OCC Debugger
OCC Debugger

William Lima

Analytics Debugger
Analytics Debugger

https://www.thyngster.com

Datalayer Checker
Datalayer Checker

https://sublimetrix.com

Altair GraphQL Client
Altair GraphQL Client

https://altairgraphql.dev

Alpine.js devtools
Alpine.js devtools

Alpine.js devtools

BrowserStack
BrowserStack

https://www.browserstack.com

Magento CSP Whitelist Generator
Magento CSP Whitelist Generator

https://m.academy

ChromeiQL
ChromeiQL

ermancelen

Xdebug Chrome Extension
Xdebug Chrome Extension

gxumyd

Blackfire Profiler
Blackfire Profiler

Blackfire.io

MageSpecialist DevTools for Magento
MageSpecialist DevTools for Magento

Riccardo Tempesta - MageSpecialist.it

PerfectPixel by WellDoneCode (pixel perfect)
PerfectPixel by WellDoneCode (pixel perfect)

https://welldonecode.com