Knockout Context Hover
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

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

3.8 out of 510 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Ricardo MartinsDec 11, 2023

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

Review's profile picture

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

2 out of 2 people found this helpful
Review's profile picture

Simon GymerNov 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!

Details

  • Version
    1.8
  • Updated
    January 30, 2021
  • Offered by
    papounidis.alex
  • Size
    92.1KiB
  • Languages
    English
  • Developer
    Email
    alexandros.p.dev@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

ChromeiQL

4.6(31)

Chrome app wrapper for the GraphiQL tool

Resource Override

4.6(193)

An extension to help you gain full control of any website by redirecting traffic, replacing, editing, or inserting new content.

PerfectPixel by WellDoneCode (pixel perfect)

4.4(596)

This extension helps develop your websites with pixel perfect accuracy!

Blackfire Profiler

4.9(24)

Profile your applications from your browser.

OCC Debugger

5.0(3)

Add some functionalities to debug occ

GraphQL developer tools

3.1(23)

Devtools panel for GraphQL development

Analytics Debugger

4.6(179)

Your Single Source of Truth (SSOT) for debugging analytics implementations

Datalayer Checker

4.7(29)

The easiest way to debug and check the dataLayer implementations without having to use the browser console!

Altair GraphQL Client

4.6(66)

A beautiful feature-rich GraphQL client for all platforms

Alpine.js devtools

4.7(30)

DevTools extension for debugging Alpine.js applications.

BrowserStack

2.9(93)

Instantly test your webpage on any desktop or mobile browser.

GraphiQL extension

4.5(4)

Chrome extension for the GraphiQL tool

ChromeiQL

4.6(31)

Chrome app wrapper for the GraphiQL tool

Resource Override

4.6(193)

An extension to help you gain full control of any website by redirecting traffic, replacing, editing, or inserting new content.

PerfectPixel by WellDoneCode (pixel perfect)

4.4(596)

This extension helps develop your websites with pixel perfect accuracy!

Blackfire Profiler

4.9(24)

Profile your applications from your browser.

OCC Debugger

5.0(3)

Add some functionalities to debug occ

GraphQL developer tools

3.1(23)

Devtools panel for GraphQL development

Analytics Debugger

4.6(179)

Your Single Source of Truth (SSOT) for debugging analytics implementations

Datalayer Checker

4.7(29)

The easiest way to debug and check the dataLayer implementations without having to use the browser console!

Google apps