KnockoutJS Context Hover - Development and debugging assistant for Knockout JS. Tested on: 3.4.2, 3.1.0, 2.2.1

Latest Version

Version
1.8
Update
January 29, 2021
Size
92.1KiB
Developer
Category
Users
4,000+
Rating
3.54545 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
ContextMenus
See more

Knockout Context Hover Extension

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
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Knockout Context Hover", "short_name": "ko-context-hover", "description": "KnockoutJS Context Hover - Development and debugging assistant for Knockout JS. Tested on: 3.4.2, 3.1.0, 2.2.1", "version": "1.8", "manifest_version": 2, "author": "Alexandros Papounidis", "icons": { "32": "icons/ko-context-hover-logo-32x32.png", "64": "icons/ko-context-hover-logo-64x64.png", "128": "icons/ko-context-hover-logo-128x128.png" }, "permissions": [ "activeTab", "contextMenus" ], "content_scripts": [ { "matches": [ "" ], "css": [ "styles/ko-context-hover-style.css" ], "js": [ "scripts/knockoutjs-3.4.2.min.js", "scripts/contentscript.js" ] } ], "background": { "scripts": [ "scripts/background.js" ] }, "web_accessible_resources": [ "markup/panel.html", "scripts/ko-context-hover.js", "reference-binding-handlers/ko.bindingHandlers.kchHoverClass.js", "reference-binding-handlers/ko.bindingHandlers.kchLet.js" ]}
Read more

Similar Extensions

icon

OCC Debugger Extension · Developer Tools 4,000+ 3 ★ 326KiB

icon

Knockout JS Scanner Extension · Productivity 4,000+ 1 ★ 1.53MiB

icon

Analytics Debugger Extension · Developer Tools 4,000+ 211 ★ 300KiB

icon

Datalayer Checker Extension · Developer Tools 4,000+ 33 ★ 93.13KiB

icon

Altair GraphQL Client Extension · Developer Tools 4,000+ 68 ★ 6.78MiB

icon

Alpine.js devtools Extension · Developer Tools 4,000+ 34 ★ 67.78KiB

icon

BrowserStack Extension · Developer Tools 4,000+ 95 ★ 805KiB

icon

Magento CSP Whitelist Generator Extension · Developer Tools 4,000+ 10 ★ 96.89KiB

icon

GraphiQL extension Extension · Developer Tools 4,000+ 4 ★ 601KiB

icon

ChromeiQL Extension · Developer Tools 4,000+ 32 ★ 682KiB

icon

Blackfire Profiler Extension · Developer Tools 4,000+ 24 ★ 1.62MiB

icon

MageSpecialist DevTools for Magento Extension · Developer Tools 4,000+ 14 ★ 4.64MiB

icon

Knockoutjs context debugger Extension · Developer Tools 4,000+ 3 ★ 845KiB

icon

Xdebug helper Extension · Developer Tools 4,000+ 429 ★ 70.13KiB

icon

LiveReload Extension · Developer Tools 4,000+ 808 ★ 60.78KiB

icon

Elasticvue Extension · Developer Tools 4,000+ 73 ★ 3.43MiB

icon

Xdebug Chrome Extension Extension · Developer Tools 4,000+ 3 ★ 169KiB

icon

Web Vitals Extension · Developer Tools 4,000+ 43 ★ 398KiB

icon

GraphQL developer tools Extension · Developer Tools 4,000+ 24 ★ 98.19KiB

icon

Resource Override Extension · Developer Tools 4,000+ 204 ★ 432KiB

icon

Elasticsearch Tools Extension · Developer Tools 4,000+ 21 ★ 353KiB

icon

Multi Elasticsearch Heads Extension · Developer Tools 4,000+ 71 ★ 476KiB

icon

Grid Ruler Extension · Developer Tools 4,000+ 335 ★ 288KiB

icon

PerfectPixel by WellDoneCode (pixel perfect) Extension · Developer Tools 4,000+ 605 ★ 732KiB

User reviews

icon

Kendal Beattie (ID: 0000009ec82ca7eb) Voted 5 ★ - Updated 03/23/2022 This is a huge improvement from having to do ko.contextFor($0) and ko.dataFor($0) in the dev console after inspecting an element.

icon

Simon Gymer (ID: 000000449a2c9871) Voted 5 ★ - Updated 11/24/2021 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!

icon

Vlad Pazenuks (ID: 000000702909dbb9) Voted 1 ★ - Updated 08/12/2021 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.

icon

Kyle Robins (ID: 000000c6cfc0c92e) Voted 5 ★ - Updated 10/05/2020 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.

icon

Sergiu Popescu (ID: 0000004ecee7b267) Voted 5 ★ - Updated 08/02/2020 Thank you, this extension is very useful.